Internet Explorer高度：auto on wrapper with clear：both

Question

我无法在StackOverflow上找到这个问题的答案。我有这样一个网站：

<div id="content">

    ... content....
    <br style="clear: both;" />

</div>

内容div自动适合内容并具有白色背景颜色（应该发生）。

但是Internet Explorer不尊重height: auto，因此它不适合内容。

My live example is here.我希望有人可以帮助我。

Answer 1

在你看来是这样的div中：

 <!-- Add an overflow:hidden; css property to this parent div-->
 <div style="...">
    <div id="header">...</div>
    <div id="middenbalk">...</div>
    <div id="wrap">..</div>
 </div>

添加和溢出：隐藏;使白色背景覆盖所有内容

Answer 2

我认为你应该在CSS上将body和HTML的高度设置为100％。

或者你可以将背景固定在你的身上：

CSS

body {
    background: url('3.bp.blogspot.com/-AMo1KrsU8yU/UK9SlxEZ_fI/AAAAAAAAF9U/…) no-repeat center center fixed;
{

并且仍然为CSS中的正文和HTML设置高度为100％。