当前位置:Gxlcms > html代码 > IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:17人阅读

IE6右浮动 margin-right无效 浏览器兼容 css兼容性

网页内容





牢不可破的九宫格布局(http://www.cnblogs.com/binyong)












牢不可破的九宫格布局


这是一个九宫格布局模型,未加载任何图片,请随意拉伸缩放窗体大小,会看到九宫格向各个方向自由弹性伸展。


本模型修改了上一个版本的不足,用浮动的方法避开了ie6的宽高值奇数1px Bug问题,完美地实现所有主流浏览器全部兼容通过。


本模型测试在以下几个浏览器中完全通过:


IE5.5、 IE6、 IE7、 IE8、 FF3、 TT、 Maxthon2.1.5、 Opera9.6、 Safari4.0、 Chrome2.0。


更多原创请访问:冰极峰博客


博客地址:http://www.cnblogs.com/binyong











结果IE9,火狐,GOOGLE正常,IE6,IE8无效
IE9

火狐

谷歌

IE6

IE8


我代表党中央,国务院,人大常委会,坚决要求解决此问题


回复讨论(解决方案)

.m_l{
float:left;
margin-left: -626px;
background:#7F0000;} /*左边框*/
.m_r{
clear:both;float:right;background:#7F0000;} /*右边框*/

你乃神人也,长见识了,解决了,连清除浮动都搞忘了,哎。。。。,顺便问问该什么时候清除浮动什么时候不清大半夜上来给分

人气教程排行