Широкий div - можно ли как-нибудь избавиться от полос прокрутки? - PullRequest
0 голосов
/ 19 ноября 2010

У меня есть широкий div с фоновым изображением. Div имеет ширину 1100 пикселей, и когда окно браузера меньше этого, появляются полосы прокрутки. Есть ли способы избежать полос прокрутки? Это не хак. Теперь я знаю, что могу поместить это в образ тела, но я хотел бы получить этот div по причине.

<body>
<div id="imgWrapper"> <-the wide div the image
<div id="wrapper"> <- normal 960px wrapper
<div id="content"> <- content inside this
Blablabla......
</div>
</div>
</body>

Но, конечно же, если контнет внутри этого контейнера # или содержимого шире, чем окно браузера, чем я хочу полосы прокрутки

Ответы [ 3 ]

3 голосов
/ 19 ноября 2010

Используйте overflow:hidden или overflow:auto.

Также существуют варианты для каждой оси, overflow-x: и overflow-y: с одинаковыми свойствами (hidden, visible и auto).

0 голосов
/ 19 ноября 2010

альтернативно, вы также можете удалить div # imgWrapper из вашего html и дать #wrapper css background.

<body>
 <div id="wrapper"> <- normal 960px wrapper
 <div id="content"> <- content inside this
  Blablabla......
 </div>
 </div>
</body>

CSS

#wrapper { background: url(path/to/someimage.png) transparent 0 0 no-repeat;
0 голосов
/ 19 ноября 2010

Чтобы подавить полосы прокрутки, используйте свойство CSS overflow (которое управляет как вертикальной, так и горизонтальной полосами прокрутки; используйте overflow-x и overflow-y для отдельного элемента управления полосой прокрутки) в ваших divs: http://www.w3schools.com/Css/pr_pos_overflow.asp

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