这将是主要标记:
<div class="mancha">
<div class="logo"></div>
<div id="content-area" class="espacio">
<div class="eltitular">HEADER</div>
<div class="lacarta">LEFT CONTENT</div>
<div id="sidebar">RIGHT CONTENT</div>
</div>
</div>
在哪里(虽然在链接中可以看到更多规则,但这是宽度)
.espacio{
margin-left: 192px;
background: transparent;
width:808px !important
}
.lacarta{
width:595px;
float:left;
}
#sidebar{
width:210px;
float:right
}
问题是 .lacarta 和 #sidebar 没有 float 在一起(这只发生在 IE8 或更低版本中)
可以在这里测试:http://goo.gl/ksFQI (如果你与 firefox/chrome 比较,你会发现侧边栏不在容器的右侧..)
我用 IE8 开发人员工具检查过容器似乎对这两个元素都足够大..
知道我错过了什么吗?
-编辑-
当前的浏览器:
需要(如在 Firefox 中):
最佳答案
实际上,IE8 中存在一个错误,即向右浮动的元素似乎是 clear:left。
如果您根本不想向您的 HTML 添加任何内容,您可以稍微重组它以快速修复。将右浮动的sidebar
放在第一位,即:
<div id="content-area" class="espacio">
<div class="eltitular">HEADER</div>
<div id="sidebar">RIGHT CONTENT</div>
<div class="lacarta">LEFT CONTENT</div>
</div>
关于css - Div 不会在 IE8 中 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15811029/