增加体宽以适应内容

Question

我想要一个带有内容边框的HTML页面。内容不适合屏幕。

示例：

<div style="border: solid red 1px;">
    <div style="width: 2000px;">
        Hello world
    </div>
</div>

我希望带边的DIV宽2000像素。但是，它仅与浏览器视口一样宽。

如何使外部DIV与其内容一样宽，最好不使用Javascript？

Answer 1

您可以通过添加<div>使外部float: left缩小以适合其内容（“shrinkwrap”）。

Answer 2

只是漂浮它。

 <div style="border: solid red 1px; float: left;">
        <div style="width: 2000px;">
            Hello world
        </div>
    </div>