html - 对包含 span 的 div 使用 float right 时没有右边框？

Question

我想在页面右侧有一些带边框的元素。但是边框只对顶部、左侧和底部可见，而在 webkit 浏览器中右侧不可见。我已经在 Windows 版 Google Chrome、iPhone 版 Safari 和 Android 版 Chrome 上进行了测试。然而，Firefox 和 IE 会像我预期的那样在所有四个边上显示一个边框。

HTML:

<div class="outer">
    <span class="wrapper">
        <span>no right border</span>
    </span>
</div>

CSS:

.outer {
    float: right
}

.wrapper {
    border: 1px solid black;
}

请看这里的实例: http://jsfiddle.net/3t7zW/2/

这是 webkit 中的已知错误还是我必须向 css 添加一些内容？

Answer 1

我认为这与内联有关。如果您将 display:block(或 display:inline-block)添加到 .wrapper，边框将显示。