未设置高度的容器背景和边框不显示问题(CSS)

  在实际的项目中,常常会遇到不能给容器设置固定高度的情况,因为容器的高度是随着内容的变化而变化的,如果该容器正好有边框或者背景,并且子元素设置了浮动,那么在某些浏览器里是无法显示出来的,而这个问题一般会有以下的解决方法。

  方法一:{ overflow:hidden; }

  方法二:在该容器的最后一个子元素的下方添加一个同级元素并清除浮动:<div style="clear:both"></div>

  当然还有其它的方法,但以上两种是最常用也是较为合理的。

  在子元素不需要用到负外边距时,推荐使用方法一;

  如果子元素需要设置负外边距,方法一就会隐藏到子元素的某些部分,此时推荐使用方法二。

posted @ 2015-06-15 13:05  不浮不安  阅读(399)  评论(0)    收藏  举报