> 웹 프론트엔드 > HTML 튜토리얼 > IE6右浮动与margin-right无效(100分悬赏)_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-21 09:42:00
원래의
947명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿