DIV+CSS IE6浮动产生双倍距离

日期:2011-12-19 类型:div+css网站排版技术
如果你经常用DIV对网站排版,那么你接触DIV一定遇到过这个问题。IE6下浮动产生双倍距离,IE7,IE8却是好的。当时光这个样式我花了好长时间都没有解决。也不知道在百度中输入什么文字。最后几天我才找到方法。下面为样式表中的一段代码
.left{
width:235px;
float:left;
Margin-left:10px;
}
.right{
width:754px;
float:right;
Margin-right:10px;
}
<div class=”left”></div>
<div class=”right”></div>
上面代码如果在IE6下就产生双倍距离,代码改为如下就可以解决问题:
.left{
width:235px;
float:left;
Margin-left:10px;
display:inline;
}
.right{
width:754px;
float:right;
Margin-right:10px;
display:inline;
}
其实就是多了这个样式display:inline;意思是在一条直线上。
还有一种方法就是把Margin-right:10px;中的Margin改为Padding。

深圳市蒸蒸科技有限公司

地址:深圳市龙华新区龙观西路2号宝龙大厦915室

手机:15013488376

联系人:商先生

公司网址:http://www.jixingweb.com


响应式网站
兼容手机端、电脑端、微信端
网站转静态开发
打开速度快、安全性高、利于SEO优化
HTML5+CSS3最新技术
采用最新网站排版技术,动态效果更逼真
仿站2500元起
高仿网站、价格便宜、功能齐全