Question

我很抱歉英语写得不好:) 我试图浮动两个div并排，这个位置是固定的，我不想使用百分比为他们，这个代码很好的显示所有浏览器，但即6不工作

HTML

 <div class="right"></div>
 <div class="top"></div>
 <div class="main">
   <div class="content"></div>
 </div>

CSS

body{
 margin-top: 0;
 padding: 0;
 width: 100%;
 height: 100%;
 position: relative;
} 
.right{
  width: 200px;
  height: 100%;
  float: right;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #ccc;
  z-index: 5;
}
.main{
  position: fixed;
  float: right;
  height: 100%;
  right: 200px;
  left: 0;
  bottom: 0;
  top: 50px;
  background-color: red;
  display: inline;
  z-index: 1;
}
.top{
  position: fixed;
  float: right;
  right: 200px;
  left: 0;
  bottom: 0;
  top: 0px;
  background-color: yellow;
  clear: left;
}

Answer 1

IE 6在浮动问题上有双倍余量，如下所述：http://www.cssnewbie.com/double-margin-float-bug/#.Uoo6xflgfTQ

添加

display: inline;

到您的浮动元素来修复它。

然而，在你的代码中，我看到你使用了浮点数和位置：固定的，

你可以完全删除所有花车，它可以在不改变布局的情况下解决问题。

两个div位置固定并且没有百分比宽度浮动，但在IE6中不起作用

1 个答案: