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

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

网页内容





牢不可破的九宫格布局（http://HdhCmsTestcnblogs测试数据/binyong）

*{margin:0;padding:0;font-size:12px;}
body{text-align:center;color:#fff;}/*ie5.5不支持margin的居中对齐*/
/*总容器*/
.box{overflow:hidden;width:100%;margin:0 auto 0;background:#fff;}
.box span{display:block;}
/*顶部样式*/
.top{height:61px;padding:0 10px;}
.t_l{width:624px;height:61px;font-size:0%;margin-top:-61px;}
.t_r{width:213px;height:61px;font-size:0%;margin-top:-61px;}
.t_l{float:left; background-image:url(images/bgtop_01.jpg); background-repeat:no-repeat; border:solid 1px black;}/*左上角*/
.t_r{float:right;background-image:url(images/bgtop_03.jpg); background-repeat:no-repeat; border:solid 1px black;}/*右上角*/
.t_m{height:61px;font-size:0%;width:100%;background-image:url(images/bgtop_02.jpg); background-repeat:repeat-x;}/*这是可左右伸展的区域，两例留出空白便于放置左右角容器*/
/*中间样式*/
.m_l,.m_r{width:10px;padding-bottom:30000px;margin-bottom:-30000px;}/*两列等高*/
.m_l{float:left;margin-left:-624px;+margin-left:-10px;_margin-left:-624px;background:#7F0000;} /*左边框*/
.m_r{float:right;margin-right:-213px;/*+margin-right:-10px;*/_margin-right:-213px;background:#7F0000;} /*右边框*/
/*底部样式*/
.b_m{padding:0 10px;height:24px;}/*这是可左右伸展的区域，两例留出空白便于放置左右列同高容器*/
.b_m span{width:100%;height:24px;font-size:0%;background-image:url(images/bgbuttom.jpg); background-repeat:repeat-x;}
.b_l,.b_r{height:24px;font-size:0%;width:20px;margin-top:-24px;border:solid 1px black;}
.b_l{float:left;background-image:url(images/bgbuttom.jpg);}/*左下角*/
.b_r{float:right;background-image:url(images/bgbuttom.jpg);}/*右下角*/
/*内容区*/
.context{background:#D45F00;}
h3{text-align:center;font-size:14px;width:80%;margin:0 auto;line-height:26px;}
p{line-height:22px;padding:0 20px;text-align:left;}
a:link,a:visited{color:#fff;font-weight:bold;}
a:hover{color:green;}

查看更多关于IE6右浮动与margin-right无效（100分悬赏）_html/css_WEB-ITnose的详细内容...