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

Question

我有一个带有边框的HTML div.我已经为这个div添加了一个white-space:nowrap属性,以便它只是随内容水平增长(甚至超过页面宽度).但是,边框永远不会超出页面宽度,直到内容.有没有办法防止这种情况发生？

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;
}