传说不会在IE7上浮动

Question

我在IE7上遇到了麻烦。我有以下html格式。

<fieldset class="wrapper">
    <legend class="ct">Legend </legend>
    <div class="ct">Div 1</div>
    <div class="ct">Div 2</div>
</fieldset>

这是css风格

.wrapper .ct {
    display:inline-block;
    *display:inline; /*IE7*/
    float:left
}

当我在其他浏览器上测试时，它工作正常，但IE7没有。请看下面的截图。但是，如果我使用div代替传奇，那么它可以工作。这是Jsfiddle

Answer 1

安德烈斯几乎拥有它。

.wrapper .ct {
    display:inline-block;
    float:left;
    *display:inline;
    *float:none;
}​

Here's the updated fiddle

Answer 2

仅对于IE7，尝试设置显示：内联（不是内联块）。

是的，忘了痛苦的传说是多少。你可能需要使用绝对位置来放置它 - 在其他位置留下左边距或在父节点上留下填充。取决于设计。

Answer 3

IE无法理解display:inline-block，您可以使用display:inline而不是黑客来单独定位该浏览器，如下所示：

.wrapper .ct {
    display:inline-block;
    *display:inline;
    float:left
}