刚学css div布局，总会遇到很多浏览器兼容的问题，这个问题困扰了一段时间，只到看了精通css才看到几个解决办法。 1.加clear空div .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}.clearfix {display: inline-block;}/* Hides from IE-mac */* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */.clearfix { display: block; margin: 0px; clear: both; padding: 0px; visibility: hidden; background-color:#666666; border:0px none #FFFFFF;}.clearfix:after { height: 1px;} 使用方法： 在所有浮动层之后加上这个层 <div class="clearfix"></div> 2.把背景层加浮动，但是这个方法会影响其他的div，有时候好用。 3.加 overlow 这个也有问题，会影响div的外观。 总之 希望以后的以后只有一种浏览器...

　　推荐阅读

　　CSS网页布局强制换行和强制不换行的属性讲解

　　在CSS网页布局中，常常会遇到这样的问题，强制文字换行，而不是在一行内显示撑开容器影响布局。而有些时候可能会强制内容不换行，多出的部分隐藏掉即可，关于强制不换行与强制换行的一些CSS属性WEBJX.com作一>>>详细阅读

本文标题：DIV CSS布局浏览器兼容的问题

地址：http://www.17bianji.com/kaifa2/CSS/17368.html

 1/2    1