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/