在项目调试过程中，发现了一些问题，感觉非常奇怪。在自己的博客中描述出来，希望别人在调试的时候要注意这些问题，更希望有深入理解DIV的大神替我解决这些疑惑。
首先看代码：
<body>
<div style="background:pink;">
<div style="margin-top:30px;margin-bottom:30px;">当久久的目不转睛的望着深邃的苍穹，不知何故心灵就感到孤独。天上的星星，几千年来注视着人间。无边无际的苍穹和烟云，淡漠的注视着人短促的生命。当你和它们相对而视，并努力去思索它们的意义时，在坟墓中等待我们每一个人的孤独之感就来到了心头。</div>
</div>
</body 很简单，两层div,外层div背景颜色设置成pink，内层div上下外边距设置成30px，在IE11中显示效果如图所示：
在此有意将IE的菜单栏显示出来，以显示div相对浏览器窗口的位置。下面看另外一段代码：
<body>
<div style="background:pink;border:solid 1px black">
<div style="margin-top:30px;margin-bottom:30px;">当久久的目不转睛的望着深邃的苍穹，不知何故心灵就感到孤独。天上的星星，几千年来注视着人间。无边无际的苍穹和烟云，淡漠的注视着人短促的生命。当你和它们相对而视，并努力去思索它们的意义时，在坟墓中等待我们每一个人的孤独之感就来到了心头。</div>
</div>
</body>
和上图相比，明显看到div的背景区域向上向下增加了30px。
这就说明外层div加不加边框对显示效果有重大影响。默认地，div默认地背景颜色覆盖区域不包括内部div（我说内部div，不仅仅指div标签，所有块元素都是如此）的上下外边距区域。但是当给外层div加上边框时，这是背景颜色又会自动填充内部div的上下外边距区域。
4736
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
