极客观点
项目管理
HarmonyOS
margin和padding如何权重使用？
从实用价值考量：
- 背景可以铺到
padding区域，而不能铺到margin区域
控制背景裁剪的background-clip不支持margin-box，换言之，无论如何，背景都无法铺到margin区域中 - 对于块级元素，若其
width不为auto/default，可以设置margin: auto，可用于水平或垂直（需额外设置）方向上的自动居中，padding则无此功能 margin有折叠行为，padding则无
在子元素之上写margin表达子元素和父元素之间的留白时，需要在父元素上加入BFC，否则margin会与父元素折叠。padding则无此后顾之忧margin可以设置为负值，padding则无法设置为负值
margin负值可以让元素交叠，或撑宽元素的内容区域，这在有一定间隙的列表布局中极其有用
也可以这么理解:你想置border于何处,虽然设置了border:0 none;但真实的使用过程就是对border的位置进行确定的,如果border的位置可以忽略,其实margin/padding无多大区别(扯上width,line-height差距就多了)
撰写回答
你尚未登录，登录后可以
- 和开发者交流问题的细节
- 关注并接收问题和回答的更新提醒
- 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...2 回答784 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助4 回答765 阅读✓ 已解决
如何在CSS中实现滚动条不溢出圆角框？
请问css如何实现滚动条在外侧滚动框的下一层？我最近在设计一个小插件，里面有一个换肤的小弹窗，小弹窗里还有一个小框，在这个小框里加了滚动条，小框为了美化做了border-radius，然后为这个框自定义了::webkit-scrollbar伪类，但是我发现这个滚动条会溢出这个框，很不好看，下图为现在的效果：我想做到上下的滚动条可...2 回答1.1k 阅读✓ 已解决
请问，是否可以设定Table的宽度，或者不让其超过父容器呢？
我写了一个可编辑Cell的List： {代码...} 使用方式： {代码...} 现在的问题是，比如：内容过长会直接冲出父容器：请问，是否可以设定Table的宽度，或者不让其超过父容器呢？2 回答952 阅读✓ 已解决
如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？
当同时设置scroll.x='max-content'和scroll.y的值，并将表头的文字内容设置到比列内容长且列未设置固定宽度时，表头会换行收缩。2 回答2.5k 阅读
怎么用css 实现这个形状？
怎么用css实现这个图形，长度跟随里面的文字变化，左右的两个角带有一点弧度？12 回答1.5k 阅读
表数据复制一条添加到数据库，前端跳转到数据所在的page页，滚动到对应行并添加高亮样式异常？
现在的情况是点击菜单切换表数据后点击copyCell方法复制数据，然后执行getData获取新的表数据。当我第一次点击复制，跳转到了对应的page页，高亮的class名称在，高亮效果不显示，当我第二次点击复制，这个高亮效果显示。第三次点击复制，高亮不显示，第四次显示，以此类推，这种情况该怎么解决？1 回答956 阅读✓ 已解决
一个是 外边距，一个是 內边距，顾名都可以思意啦！
从设计的角度上说，外边距类似出血，它属于不可视部分的留白；而內边距就是留白了。但尽管它是“白的”，但它是视觉设计上不可缺少的部分。当然在 Web 应用里，margin 也是不可缺少的部分，不象印刷用的出血是预留的可以被舍弃的部分。
Web Design 总是在一大片“画布”上排列组合一个一个的小盒子，小盒子里面是各种内容。把 margin 视作小盒子与小盒子之间保持合适距离的工具，把 padding 视作小盒子里的内容与小盒子边框的合适距离就对了。