Изготовление ДИВ, не имеющие содержимого прокрутки по горизонтали

<div id="dummyHorizontalDiv" style="height:16px !important;width: 550px;overflow-x:auto;overflow-y:hidden;"> 
     <div id="dummyScrollArea" style="width: 750px;"> 
     </div> 
</div>

Я хочу, чтобы получить горизонтальную полосу прокрутки на div с id=dummyHorizontalDiv, но так как нет содержимого внутреннего DIV (хотя его ширина больше, чем у внешнего дел), Я не получаю горизонтальную полосу прокрутки.Изготовление ДИВ, не имеющие содержимого прокрутки по горизонтали

Пожалуйста, помогите мне в этой проблеме.

источник

2011-12-07 user1083472

Ваш код работает для меня, и я вижу горизонтальную полосу прокрутки: http://jsfiddle.net/uZ4Yw/1/ – xbonez

это работает для меня ... вы можете объяснить то, что вы на самом деле пытаетесь достичь? Кроме того, добавьте «overflow-x: scroll;» для dummyHorizontalDiv, это заставит полосу прокрутки показывать независимо от того, что – ComputerSaysNo

@xbonez LOL, почти в то же время, разница в 10 секунд (: – ComputerSaysNo

У вас есть полоса прокрутки, но ваш манекен для горизонтального отображения на самом деле слишком короткий, чтобы отображать их - браузеры не будут рисовать полосы прокрутки, если они будут больше, чем элемент, который они прокручивают. Измените высоту 16px на что-то вроде 30px, и вы увидите полосу прокрутки.

источник

2011-12-07 03:52:40

Дать div#dummyScrollArea немного рост.

источник

2011-12-07 03:49:15 Xavura

попытка дисплей: блок - если вы не указали, что ширина и высота являются своего рода «предложения» в мире CSS

посмотреть здесь: http://laughingsquid.com/wp-content/uploads/css-is-awesome-20090407-142244.jpg

источник

2011-12-07 04:54:46

вы, чтобы сделать 2 изменения в коде, чтобы сделать эту работу, те:

Увеличение внешнего DIV (#dummyHorizontalDiv) высоту, так как текущая высота (16px) не достаточно, чтобы показать полосы прокрутки.
Установите некоторую высоту для внутреннего DIV (#dummyScrollArea).

Скорректированный кодовый блок указан ниже, проверьте его один раз, а затем дайте мне знать, если все еще это не работает для вас.

<div id="dummyHorizontalDiv" style="height:30px !important;width: 550px;overflow-x:auto;overflow-y:hidden; border: 1px solid red;"> 
    <div id="dummyScrollArea" style="width: 750px; height: 100%;"> 
    </div> 
</div>

источник

2011-12-07 05:41:50 Siva

Изготовление ДИВ, не имеющие содержимого прокрутки по горизонтали

ответ

Смежные вопросы