div 周围的 CSS 边框大于页面宽度

Question

我有一个带有边框的 HTML div。我已经向这个 div 添加了一个 white-space: nowrap 属性，这样它就会随着内容水平增长(甚至超过页面宽度)。但是，边框永远不会超出页面宽度，直接穿过内容。有什么办法可以防止这种情况发生吗？

JSFiddle 示例:http://jsfiddle.net/mHjRf/

HTML:

<div id=test>
    Content exceeding page width
</div>

CSS:

#test {
    border: 1px solid #aaa;
    white-space: nowrap;
}

Answer 1

尝试将 display: inline-block; 添加到您的元素样式中:

#test {
    border: 1px solid #aaa;
    white-space: nowrap;
    display: inline-block;
}

http://jsfiddle.net/mHjRf/2/