css - 如何知道何时应该在 block 级元素上使用边距或填充?

标签 css block margin padding

<分区>

谁能给我一些关于何时应该在 block 级元素上使用 paddingmargin 的例子?

我知道有时添加底部边距会被其下方的元素忽略。例如,如果 p 元素的底部边距为 20px,而我在其下方给另一个 p 元素设置了 20px< 的顶部边距,它不会比没有上边距时进一步向下移动。为什么是这样?我应该主要改用 padding 吗?

最佳答案

边际效应被称为 "margin collapsing"

正式规则是here .

简而言之:当您在某个元素上定义边距时,您声明了相邻元素的边框框之间的最小距离。相邻元素的两个边距的最大值​​用于定位这两个布局兄弟。

关于css - 如何知道何时应该在 block 级元素上使用边距或填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14823890/

上一篇:html - header 中 div 标签的水平对齐方式

下一篇:javascript - 不同语言/模式的不同 CSS 规则 (CodeMirror)

相关文章:

PHP include语句问题

java - 静态资源的相对路径

jQuery Slider 句柄向左移动

linux - 如何修改 Linux USB block 驱动程序?

css - 摆脱表格中图像之间的垂直空间

html - 如何将 <div> 居中并让它使用固定定位?

html - 位置 : Sticky; not working for an image

swift - 可选的关闭并检查它是否为零

block - 我如何在伊朗使用 Mixpanel?

html - 垂直 HTML 按钮间距问题