Question

<container>
    <element1>
    </element1>
    <element2>
    </element2>
</container>

#container {
    position:absolute;
    right:33px;
    top:15px;
}

#element1 {
    position:relative;
    float:right;
    height:31px;
    background:url(../main_bg.gif) repeat-x top left;
    border: 1px solid #6a6a6a;
    clear:both;
}

#element2 {
    position:relative;
    float:left;
    clear:both;
    background-color:#f8f0ce;
    border-left:1px solid #6a6a6a;
    border-right:1px solid #6a6a6a;
    border-bottom:1px solid #6a6a6a;
}

Answer 1

您的container似乎在其他浏览器中显示为内容的原因是因为它超出了“正文”并显示在“无”（因此，与其内容一样宽）。 IE6 / 7似乎对此有所不同。

我在IE8中没有你的问题，所以我想你想要这个用于IE6或7.你似乎也想要2个盒子，一个在彼此之下（clear）。

从你提供的代码和样式来看，似乎我们可以简单地摆脱浮动并放置text-align：right。

this solution会为你效力吗？

然而，它在IE6中不起作用。

This one does however，但需要<br />（和display:inline。感谢@kei提出建议。）

如何在没有设置宽度的情况下显示需要在IE中展开的div

1 个答案: