Я пытался создать макет, который имеет фиксированную высоту и создает столько столбцов определенного размера, сколько необходимо для отображения некоторого потока текста.Это работает, но когда я помещаю его в div, div не принимает размер содержимого (то есть: красный цвет в примере распространяется на всю ширину страницы, если страница может содержать весь текст, и если яполучить горизонтальную полосу прокрутки, она не выходит за начальное поле зрения).Я попробовал несколько методов для упаковки в термоусадочную пленку с этой страницы http://haslayout.net/css-tuts/CSS-Shrink-Wrap. Однако ни один из них не сработал.
Вот пример кода:
<body style="">
<div style="background: red; display: inline-block; -webkit-column-width: 300px; -moz-column-width: 300px; height: 100px;">
<p style="float: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse blandit commodo dolor, et dapibus sem ultrices in.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
In ac elit aliquet felis vestibulum iaculis. Donec nec risus at justo luctus vestibulum.
Proin mollis sapien et odio interdum tempus.
Mauris consequat arcu vitae justo tempor quis mattis magna pulvinar.
</p>
</div>
</body>
Я пробовал это с хромом и Firefox,Кроме того, термоусадочная пленка работает, если я опускаю высоту и ширину столбца, а вместо этого просто задаю фиксированную ширину.