Переполнение: авто и DIV Проблема - PullRequest
Новая
       2

Переполнение: авто и DIV Проблема

1 голос
/ 10 декабря 2010

Вот сделка.У меня есть контейнер DIV с шириной 100%.И внутри этого DIV у меня тонны пустых DIV, всплывающих влево с дисплеем: блок на них.(в тестовых целях)

У меня есть overflow-x: auto для контейнера.

Как только последний элемент div достигает конца элемента контейнера, он падает на следующую строку вместо того, чтобы оставаться в строкес другими DIV и инициируя полосу прокрутки на контейнере.

Как мне удержать DIV от падения на следующую строку и заставить их вызывать прокрутку на контейнере?

Дайте мне знать большое спасибо!

Вот картинка, которая вам поможет: alt text

Ответы [ 2 ]

3 голосов
/ 10 декабря 2010 
<html>
    <head>
        <style type="text/css">
            #container {
                white-space:nowrap;
            }

            .child {
                background-color:#dddddd;
                display:inline-block;
                height:100px;
                width:100px;

                /* Trick FF2 into using inline-block */
                display:-moz-inline-stack;

                /* Trick IE6 into using inline-block */
                *display: inline;
                zoom:1;
            }
        </style>
    </head>
    <body>

        <div id="container">

            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>
            <div class="child">.</div>

        </div>

    </body>
</html>
1 голос
/ 10 декабря 2010

Вы пробовали white-space:nowrap;?

Вы также можете обнаружить, что вам нужно переключиться на display:inline-block; вместо float:left;.

...