это продолжение этой проблемы:
общий контейнер - проблема горизонтальной полосы прокрутки IE8
Я хотел бы создать float:left (или 'позиция: абсолютная'- та же проблема) контейнер
, который ограничен по вертикали (он имеет фиксированную внешнюю высоту) - поэтому он может иметь вертикальную полосу прокрутки;
, но он может расти горизонтально (в зависимости от содержимого контейнера),поэтому он никогда не имеет горизонтальной полосы прокрутки
, он должен работать в IE8, FF, Chrome (без IE7 или более ранней версии)
решение кажется тривиальным
, но я не могу избавитьсягоризонтальной полосы прокрутки в FF или Chrome (IE8 в порядке):
<div style="float: left; height: 20em; overflow-y: auto;" class="container-div">
<div style="width: 30em; height: 30em; background-color: red;" class="example-content"></div>
</div>
http://jsfiddle.net/slobo/pydsZ/
в этом примере нам нужен контейнер высотой 20em, который может расти горизонтально при необходимостипо содержанию (в данном случае, div «example-content»)
, пожалуйста, не предлагайте модифицировать div «example-content», так как это просто пример контента (там может быть любой контент)
изменение overflow-y: auto на overflow-y: scroll решает проблему;но я хотел бы сохранить overflow-y: auto