Question

我有两个由另一个div包裹的div。其中一个div是标题，另一个是包含图像。我希望内容div包含正确的图像宽高比。

包装div具有指定的最小宽度和高度。图像可以指定任意宽度。内容div的高度应根据图像高度进行调整。

它在FF中工作正常，但在IE6中，当包装器div更改以适应指定的图像宽度时，页眉宽度不会改变。

这是一个小提琴。 fiddle

以下是问题的图片：Image

Answer 1

在IE6中，header元素将占用其容器元素定义的空间量。在这种情况下#testWrapper，设置为100px。 IE6不能很好地使用绝对定位的元素或宽度设置为auto的浮点数。我建议在#testWrapper中定义你想要的宽度，如果可能的话，将img设置为100％。

    #testWrapper{
        position:absolute;
        bottom: 0; 
        left: 0; 
        margin: 5px;
        border: 1px solid black;
        width:150px; 
    }

    #testHeader {
        background: blue;
        height: 10px;
    }

    #testContent {
        background: black;
    }

    #testimage {
        display: block;
        width: 100%;
    }

IE6 Two Div在一个包装div中，一个div在内容改变时拒绝改变宽度

1 个答案: