div css布局中想实现一个层上面有两个层设置但是第三个背景颜色在浏览器中不显示
推荐回答（3个）
原因是，这是因为你前面有浮动元素后面要么清楚浮动，要么跟着浮动，不然默认背景就直接滑动到前面浮动元素的底层（也就是说实际上你的蓝色块的背景实际上是被红色和绿色框遮住了，不信你吧s3的高度增加的大于200px试试！）。
给你两种解决方案：
第一，在两个浮动的元素后面增加有clear:both样式属性的标签；
此处显示 id "red" 的内容
此处显示 id "s2" 的内容 此处显示 id "s3" 的内容
效果如图：
第二，给你的s3样式里面增加浮动（随便左或者右浮动）
#s3 {
background: #00C ;
height: 100px;
width: 400px;
float: left
}
效果如图：
