假设您有两个<p>元素,一个堆叠在另一个上,每个元素都有3 3rem的上边和下边距。
通过这种设置,我预计在两个<p>元素之间总共会有6 3rem的空白(3 3rem来自<p>的底部边距,3 3rem来自<p>底部的边距),然而,元素之间只有3 3rem的空白。
为什么边距空间在块元素之间崩溃,而不是每个块元素保持自己的边距空间?
这是。
以上代码页示例的html是:
<p class="outline-red">This is a paragraph with top & bottom margin
我试图在元素<header>和<section>之间添加空格,但它们彼此粘合在一起,这样当我将页边距应用于顶部元素的底部或底部元素的顶部时,顶部元素会随着底部元素一起下移,这只会在我添加页脚之后发生。
我进行了搜索,但是我没有找到解决这个问题的方法。
感谢所有人..
.hclass {margin-bottom:20;} // header - the top most part, need space below this
.tryi {margin:top;} //section the second part, need space above this
我需要两个连续的div元素(有背景)来无缝接触,一个在另一个下面。但是,当我将一个子p元素放到底部的div中时,这个布局被打破了。p元素的边距强制在两个div元素之间留出空白间隙。这是一种奇怪的行为,因为我期望p的边距保持在div的内容和背景区域内。它在Firefox、Chrome和IE 8上的渲染方式相同。
<div style="background: #ccccff">Top Div</div>
<div style="background: #ffcccc"><p>Bottom Div</p>&