未设置高度的容器背景和边框不显示问题(CSS)
在实际的项目中,常常会遇到不能给容器设置固定高度的情况,因为容器的高度是随着内容的变化而变化的,如果该容器正好有边框或者背景,并且子元素设置了浮动,那么在某些浏览器里是无法显示出来的,而这个问题一般会有以下的解决方法。
方法一:{ overflow:hidden; }
方法二:在该容器的最后一个子元素的下方添加一个同级元素并清除浮动:<div style="clear:both"></div>
当然还有其它的方法,但以上两种是最常用也是较为合理的。
在子元素不需要用到负外边距时,推荐使用方法一;
如果子元素需要设置负外边距,方法一就会隐藏到子元素的某些部分,此时推荐使用方法二。

浙公网安备 33010602011771号