Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为段落元素指定边距实际上并不适用于父div_Html_Css_Margin - Fatal编程技术网

Html 为段落元素指定边距实际上并不适用于父div

Html 为段落元素指定边距实际上并不适用于父div,html,css,margin,Html,Css,Margin,给定以下标记: <div> <p>Test test</p> </div> 为段落元素设置边距:10px应同时适用于顶部和底部,对吗 我有一个简单的例子,我不知道为什么它不起作用 如果我给div一个溢出规则:hidden,它就会像我期望的那样工作。有人能解释为什么会发生这种情况,如果使用overflow:hidden是应用p的边距的正确方法吗 在CSS中,两个或多个框的相邻边距(可能是同级的,也可能不是同级的)可以组合成一个边距。以这种方

给定以下标记:

<div>
    <p>Test test</p>
</div>
为段落元素设置边距:10px应同时适用于顶部和底部,对吗

我有一个简单的例子,我不知道为什么它不起作用

如果我给div一个溢出规则:hidden,它就会像我期望的那样工作。有人能解释为什么会发生这种情况,如果使用overflow:hidden是应用p的边距的正确方法吗

在CSS中,两个或多个框的相邻边距(可能是同级的,也可能不是同级的)可以组合成一个边距。以这种方式合并的保证金称为崩溃保证金,由此产生的合并保证金称为崩溃保证金

相邻的垂直边距塌陷,但以下情况除外:

根元素框的边距不会折叠。 如果具有间隙的图元的顶部和底部边距相邻,则其边距将与以下同级图元的相邻边距一起塌陷,但生成的边距不会与父块的底部边距塌陷。 由于您的outter DIV没有“浮动”。。对于第一个标签,内部元素的上边缘将塌陷为0,然后对于其他标签塌陷为最小间距

只是‘浮动’:左;宽度:100%'您的div将解决您的问题


我不确定,但div不是p的子元素吗?HTML格式不正确吗?@Leeish在我的代码中没有任何一点是我将div嵌套在p标记中的。如果我有一个div元素,而其中有一个p元素,你就误解我了。p标签在div中。我将编辑问题以避免混淆。我是,我道歉。我回头看,你的原始文本是,如果我有一个div元素,在一个p元素中,