IE7 破解浮动/块错误答案

【问题标题】：IE7 Hack for float/block bugIE7 破解浮动/块错误
【发布时间】：2011-03-22 00:00:34
【问题描述】：

我无法让这个布局在 IE7 中工作：

<span class="box">Headline<a href="more">More...</a></span>

.box {
 display: block;
}

.box a {
 display: inline;
 float: right;
}

所有浏览器都以正确的方式显示它；

Headline                            More...

但是 IE7 做到了：

Headline
                                    More...

有解决这个问题的想法吗？我尝试将 a 设置为块、内联块等，但都不起作用。还有一些经常使用的修复，如 box-model 等。

【问题讨论】：

【解决方案1】：

尝试将<a>标签放在.box的开头

<span class="box"><a href="more">More...</a>Headline</span>

【讨论】：