首頁 > web前端 > html教學 > IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-21 09:42:00
原創
940 人瀏覽過

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

网页内容
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




牢不可破的九宫格布局(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;} /*右边框*/

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板