浮动+清除元素不影响 IE7 中的后续浮动元素 - 有解决方法吗？

Question

我正在尝试设置定义列表的样式，以便dt 标记开始新行，并且可以在同一行上跟随任意数量的dd 元素。在现代浏览器中，这很简单

dt {
    float:left;
    clear:left;
}
dd {
    float:left;
}

然而，在 IE7 中，如果清除元素有浮动，则后续浮动不受影响。 (example) 这个错误有什么解决方法吗？我一直在环顾四周，但通常建议的解决方案似乎都不适用：

• 由于这是一个定义列表，我无法将元素包装在 div 的同一行中。
• 我不想使用不可见的非浮动清除元素 - 它必须是 dt 或 dd，以及使用定义列表而不是表或 span- brsoup 是有语义标记的，这会被纯粹的表现形式的dt/dd 元素搞砸。
• 据我所知，当每行的元素数量不固定时，基于触发hasLayout（从而触发内联块行为）的方法（例如this）不起作用。 （另外，我不想打扰剥离空格。）
• 我无法让this solution 使用dl 而不是ul；即使设置 display:list-item 也无济于事。

还有其他方法可以强制 IE7 模仿标准浮动行为吗？

Answer 1

尝试使用inline-block 代替浮点数。

dl { 
    line-height:1.2em; 
    padding-left:1em; 
} 
dt { 
    display:block; 
    margin:0 0 -1.2em -1em; 
} 

dd { 
    display:inline-block; 
    display:inline !ie; 
    margin-left:1em; 
} 

感谢提出这个问题的死亡阴影。