Увеличьте ширину тела, чтобы соответствовать содержанию

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.

Answer 2

Просто плыви.

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