Chrome&FF&Opera&下DIV不设置高度显示背景颜色和边框的办法

weixin_33738555

于 2013-09-05 10:39:00 发布

阅读量78

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dying/p/3302764.html

本文介绍了解决外层div不写高度时背景颜色和边框无法显示的问题，提供了三种解决方案，包括直接设置高度、内部div后添加清除浮动及使用overflow:hidden属性。

　　今天在排版的时候，外层的div不写高度的话背景颜色和边框没法办法显示，但是在IE下面就可以，这个有三个解决办法。

　　第一：

　　　　直接给最外层的div设置高度（不推荐）。

　　第二：

　　　　在内部每个div后添加一个清除浮动。

<div>
        div class="outer">
  <div class="inner1"></div>
  <div class="inner2"></div>
  <div style="clear:both;"></div>
</div>

　　第三：

　　　　给外层添加添加 (推荐这个)

overflow:hidden;

转载于:https://www.cnblogs.com/dying/p/3302764.html