Question

#container {
background-color: #CCC;
height:100px;
}
.clear-fix
{
    overflow: hidden;
    _height:1%;
}
#navigation {
float: right;
margin-right: 10px;
background-color:Aqua;
}
#content {
float: left;
margin-left: 10px;
background-color:Orange;
}        
#content div{display:inline; float:right;}
#content a {float:right; display:inline;margin-right:5px;}


<body style="direction:rtl">
<div id="container" class="clear-fix">
<div id="navigation"><a href="#">hi there ddd ddd</a></div>
<div id="content">
    <div>somthing else</div>
    <a target="_blank" href="#" ><img src="anything.jpg" style="width:32px; height:32px"/></a>
    <a target="_blank" href="#" ><img src="anything.jpg" style="width:32px; height:32px" /></a>
</div>
</div>
</body>

IE6 / 7无法正确显示（左侧）。我不想为#content设置宽度你知道IE的任何修复程序吗？如果我将内容的内部元素向左浮动，则它是正确的（在重新排列元素之后），但我想要浮动元素到右边。

请告诉我你的解决方案。

最好的问候

Answer 1

不太确定，但从我的头脑中......试试这个您可以添加这些内容并查看

#container{
    width:[your width];
}
#content{
    display: inline-block;
}

IE6 / 7右浮动bug

1 个答案: