Question

div中加<h>或<p>标签,div就会下移，什么原因？

<div id="foot" >
<h6></h6>
</div>
红色div是上面三行代码。
一个父div两个子div。绿色和红色是两个子，本来是挨在一起的。左边的黑线是父div的边框，但因为红色的div加了h标签产生下移，挡住了底部边框。

这会是什么原因导致的呢？
红色div的高度并没有增加，只是下移。

Answer 1

因为 h标题标签 有默认的 margin 和默认的padding 加起来高度大于父级容器div 所以他会错位 你去网上随便打开一个浏览器 查看元素 都可以看到如下css代码
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0px; padding:0px;}
这个就是先把所有的 这些标签 默认的 margin padding 设为0 然后才好进行高度和宽度的计算
希望能帮到你 谢谢

追问

我加大了父div的高度，依然会下移。而且这个红色div本身的高度并不增加，只是往下移而已。

追答

说了他有 默认的 margin padding 上边距 上填充 你加上那句进去看看撒
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0px; padding:0px;}
加到样式css里面就行