Вертикальная прокрутка <DIV>

Question

У меня есть несколько вложенных элементов, и я хочу, чтобы мой самый глубокий прокручивался вертикально.

в CSS я попытался добавить:

overflow-x: hidden; /* horizontal */
overflow-y: auto;  /* vertical */

к классу, который я назначаю, но, похоже, он этого не делает. Изменение переполнения-у: ​​да; тоже не работает.

Как это сделать? Я хочу, чтобы это прокручивалось, потому что оно заполняется данными MySQL, где другой div просто представляет критерии выбора для создания запроса и его запуска.

мысли приветствуются.

Пример:

<div id="content">
    <div id="slidingDivKeynotePresentations">
        <!-- content here -->
    </div>
</div>

Мой CSS:

#content {
    position: absolute;
    top: 0;
    left: 21%;
    margin: 26% 31% 1% 21%; /* Cater for Mac IE5 */
    /*\*/ margin: 0; /* Put back for all the rest */
    /*\*/ overflow: auto; /* no need for Mac IE5 to see this */
    overflow-x: hidden; /* horizontal */
    overflow-y: yes;  /* vertical */
}

#slidingDivKeynotePresentations {
    display: none;
    height: 600px;
    width: 600px;
    background-image: url('images/transwhite.png');
    border: 1px solid #3F4933;
    position: fixed;
    top: 100px; 
    left: 290px; /*Set left value to WidthOfFrameDiv*/
    padding: 12px;
    overflow-x: hidden; /* horizontal */
    overflow-y: auto;  /* vertical */
 }

Answer 1

Возможно, вы ищете свойство overflow; overflow-x и overflow-y поддерживаются не всеми браузерами; они новые в CSS3

• http://www.w3schools.com/css/pr_pos_overflow.asp
• http://www.w3.org/TR/css3-box/#overflow

Answer 2

Вот скрипка с ней работает: просто замените position: fixed на position: relative; во внутреннем div. Я забрал все overflow-x и -y и просто поместил overflow: auto на содержащийся div. И я также переместил границу к внешнему элементу, чтобы он не обрезался внизу. Но я думаю, что все, что вам нужно , это переключить фиксированное значение с относительного.

Чтобы убрать горизонтальную полосу прокрутки, просто сделайте ширину внутреннего делителя такой же или меньшей ширины внешнего делителя. Тем более что CSS3 overflow-x и -y еще не широко доступны.

Answer 3

Вынуть переполнение-у и переполнение-х. Вам не нужно указывать overflow-x: hidden, так как это все равно по умолчанию. Простая настройка наложения: авто; на #slidingDivKeynotePresentations должны добиться цели, не так ли? Пока указана высота.