这是咱们这题的代码：
<style>
#bg1 { background: url(./bg_border.jpg); height: 1000px; } #bg2 { background: url(./bg_poem.jpg); height: 1000px; }</style><body>
<div id="bg1"> <div id="bg2"> </div></div></body>
当两个DIV相嵌，我给两个div都引入了图片
会出先几种状况
①：
这是什么属性都没有增加，只会显示#bg2的引入图片
②:当我给#bg2增加内边距时，会把整个盒子撑大，然而咱们还是看不到#bg1的图片
③:当我给#bg2增加外边距是，左右的可能显示出#bg1的图片，高低不会显示（这点前面会给解释）
④:当我#bg1增加外边距时,盒子大小会产生扭转，因为是一般盒子，盒子被撑大了
解决：⑤:当我给#bg1增加内边距时，达到了咱们想要的成果，如图显示:
这一点是css比拟常见的问题，两个容易互相嵌套时，咱们尽量去设置里面容器的内边距而后去扭转内容器的地位(内容器也相当于是盒子模型外面的文本 padding就是文本到边框的间隔)