Размер горизонтальной прокрутки, как предотвратить смещение поплавка влево - PullRequest
Новая
       6

Размер горизонтальной прокрутки, как предотвратить смещение поплавка влево

0 голосов
/ 22 августа 2011

У меня есть следующие html и css:

HTML: 

<div id="container">
    <div id="scrollbox">
        <div id="content">
            <div id="subcontent">
                <p>bla bla bla bla bla bla bla</p>
                <p>...</p>
            </div>
        </div>
    </div>
</div>

CSS: 

#container {
    width:500px;
    margin:0px auto;
}
#scrollbox {
    overflow:auto;
    overflow-y:hidden;
    border:1px solid #f2f2f2;
}
#subcontent {
    width: 10000px;
}

#content p {
    width: 60px;
    height: 40px;
    float: left;
    margin-left: 30px;
}

#scrollbox, #content p {
    height: 140px;
}

Так что у меня есть большой горизонтальный <div id="subcontent">, заполненныйbla bla.И я хочу, чтобы он был с горизонтальной прокруткой.

Проблема: Это решение отлично работает только в Chrome.В других браузерах scrollWidth составляет 10000px.(другими словами, полоса прокрутки крошечная и слишком длинная полоса прокрутки)

Есть еще идеи, чтобы она работала во всех браузерах?И я хотел бы избавиться от моего width: 10000px;.

Вот рабочий пример jsFiddle

1 Ответ

0 голосов
/ 23 августа 2011

Вы устанавливаете переполнение x для прокрутки, и полоса всегда будет присутствовать,

http://jsfiddle.net/bBqkx/4/

...