div周圍的CSS邊框大於頁面寬度

Question

我有一個HTML div，周圍有邊框。 我在此div中添加了一個空白：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/