css问题--请问这段css代码的高度是怎么生成的？

显示全部楼层 · 2010-7-24 09:26:25

New Document

[B]

A paragraph!

Another!

[/B]
不明白这个高度为什么有这么高？
希望能有个详细的解释
auto是可以更改，但是我想知道设置成auto后为什么高度会增高呢？望解释
请问 KarasCanvas 为什么第一个div没有添加 border-top:1px solid; border-bottom:1px solid;就不会增加高度呢？，还有两个灰色区域中间的白色部分是怎么来的。是2em吗？

千问 · 2010-7-24 09:26:25

具体解释一下：第一个div，它内部又一个p标签的上边线、下边线外部都有2em的空白（margin-top:2em;margin-bottom:2em;）而两个灰色区域中间的白色就是margin-bottom:2em;这一句形成的。第二个div有背景色background:silver;它里面的p跟第一个的设置是一样也是上边线、下边线外部有2em的空白，所以它把div的高度撑开了为什么两个就设置就border-top:1px solid; border-bottom:1px solid;这儿不一样高度就不一样了呢，这个要涉及到块的概念因为是height：auto（自适应）；它只适应具体内容的高度,忽视上边线、下边线外部有2em的

千问 · 2010-7-24 09:26:25

Another!
上一层的div，被这个设定了边距的"p"撑开了。margin-topmargin-bottom

千问 · 2010-7-24 09:26:25

你想下面的不那么高你直接去掉边框就好了，建议你把DIV里面的p设置成浮动，再调下margin就不受有无边框的影响了。