为什么我写的DIV+CSS在IE6浏览器中跟火狐不一样?谁能告诉我哪里出错了?并改正,谢谢

<styletype="text/css">*{margin:0;padding:0;}.layout{width:400px!important;width/**/:4... <style type="text/css">
*{
margin:0;
padding:0;
}
.layout{
width:400px!important;
width/**/:400px;
height:80px;
margin:0;
}
.left{
border:2px solid #0033CC;
float:left;
overflow:hidden;
background-color:#990033;
width:196px!important;
width/**/:204px;
padding:2px;
display:inline-block;
}
.right{
width:192px!important;
width/**/:194px;
border:1px solid #660066;
float:left;
margin-left:2px;
display:inline;
}
</style>
</head>

<body>
<div class="layout">
<div class="left">
left保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性
</div>
<div class="right">
right保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性只有这样,才能保证页面中拥用xmlns属性
</div>
<div style="clear:both; display:bolck;"></div>
</div>
<div style="clear:both">bottom</div>
</body>
我想做的效果是,弄成两列的形式,而不是把它们弄成竖直的,在IE7和火狐的效果是一致的,都是横向的,而在IE6就变成竖直的了,我想知道IE6中怎么设置? 展开

 我来答

1个回答

#热议# 生活中有哪些实用的心理学知识？

e_and_a
2008-07-29 · TA获得超过360个赞

知道小有建树答主

回答量：166

采纳率：0%

帮助的人：97.5万

我也去答题访问个人页

关注

展开全部

问题是这样的你要的效果是竖直排列的？？
left
right
botton
这样？？这是我在ie中看到的效果火狐中 left和right是横向排列的

问题是 left 和 right中的 float:left; 我不知道其他元素是不和它有关去掉后效果和ie类似了类似呵呵

还有个botton 躲在了 left的后面

然后去掉那个 <div style="clear:both; display:bolck;"></div> 中的 display属性 IE 遨游火狐都一样了

其他那些我没动搞不懂你都干吗用你可以把那些写的精简些

ps.

还有 right的 display属性要去掉的刚加了注释差点忘了呵呵贴份给你
<style type="text/css">
*{
margin:0;
padding:0;
}
.layout{
width:400px!important;
width/**/:400px;
height:80px;
margin:0;
}
.left{
border:2px solid #0033CC;
overflow:hidden;
background-color:#990033;
width:196px!important;
width/**/:204px;
padding:2px;
display:inline-block;
}
.right{
width:192px!important;
width/**/:194px;
border:1px solid #660066;
margin-left:2px;
}
</style>

/**************************************************/

更正的结果：希望是你要的效果
<style type="text/css">
*{
margin:0;
padding:0;
}
.layout{
width:400px!important;
width/**/:400px;
height:80px;
margin:0;
display:inline;
}
.left{
border:2px solid #0033CC;
overflow:hidden;
background-color:#990033;
width:196px!important;
width/**/:204px;
padding:2px;
display:inline-block;
float:left;
}
.right{
width:192px!important;
width/**/:194px;
border:1px solid #660066;
margin-left:2px;
float:left;
}
</style>

本回答由提问者推荐

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为什么我写的DIV+CSS在IE6浏览器中跟火狐不一样?谁能告诉我哪里出错了?并改正,谢谢

为你推荐：