Css 双div位置固定和浮动,没有百分比宽度,但在IE6中不工作
很抱歉我的英语写作很差:) 我试着将两个div并排浮动,位置是固定的,我不想使用它们的百分比,这段代码很好地显示给所有浏览器,但ie 6不工作 HTMLCss 双div位置固定和浮动,没有百分比宽度,但在IE6中不工作,css,internet-explorer-6,Css,Internet Explorer 6,很抱歉我的英语写作很差:) 我试着将两个div并排浮动,位置是固定的,我不想使用它们的百分比,这段代码很好地显示给所有浏览器,但ie 6不工作 HTML IE 6在浮动问题上具有双重保证金,如下所述: 加 到您的浮动元素来解决这个问题 但是,在您的代码中,我看到您同时使用了浮动和位置:修复了 您可以完全删除所有浮动,它将在不更改布局的情况下解决问题。IE6的市场份额WAAAAAAAAAAAAAY低于1%-您真的需要为它烦恼吗?为什么要为IE6烦恼?它不理解当今标准的一半……许多企业仍然在其系统上
IE 6在浮动问题上具有双重保证金,如下所述: 加 到您的浮动元素来解决这个问题 但是,在您的代码中,我看到您同时使用了浮动和位置:修复了
您可以完全删除所有浮动,它将在不更改布局的情况下解决问题。IE6的市场份额WAAAAAAAAAAAAAY低于1%-您真的需要为它烦恼吗?为什么要为IE6烦恼?它不理解当今标准的一半……许多企业仍然在其系统上使用IE6。如果OP正在为商业客户开发一些东西,你不能因为不想支持浏览器而删除潜在客户。很多企业仍然使用IE6???您从哪里获得这些Statistics。如果您想支持IE6,请使用
table
。oldies but goldies lol.tnx bro but test it,but not working in IE6屏幕截图在IE7:in IE6:
<div class="right"></div>
<div class="top"></div>
<div class="main">
<div class="content"></div>
</div>
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;
}
display: inline;