Проблема с переполнением X не работает в Firefox, но пока работает в IE и Chrome - PullRequest
Новая
       0

Проблема с переполнением X не работает в Firefox, но пока работает в IE и Chrome

0 голосов
/ 10 ноября 2011

Это код: проблема в Firefox состоит в том, что полоса прокрутки не имеет ограничений в направлении X.

Пожалуйста, откройте код в Chrome и Firefox, чтобы увидеть разницу в полосе прокрутки для лучшего пониманияэта проблема.

Заранее спасибо! 

<html>
<body>
    <div style="position: absolute; overflow-x: hidden; overflow-y: hidden; left: 0px; top: 0px; right: 0px; bottom: 0px; height:180px;">
        <div style="position: absolute; left:0px; right:0px; top:0px; bottom:0px; overflow:auto; ">
            <div style="width:40000px">
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>
                <div style="width:150px; height:150px; background-color:blue; margin:4px; float:left" > </div>

            </div>
        </div>
    </div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 10 ноября 2011

У вас есть div с шириной 40000px, поэтому Gecko позволяет вам прокручивать 40000px вправо. Почему бы это не сделать это? Тот факт, что WebKit не похож на ошибку WebKit.

0 голосов
/ 10 ноября 2011

Нет содержимого в ваших div?

Если вы хотите, чтобы он работал без содержимого, попробуйте добавить 

display:block;

в css:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...