Я больше программист, чем веб-дизайнер, я стараюсь сделать простой (я думаю) дизайн, например домашнюю страницу gmail https://mail.google.com/intl/fr/mail/help/about. HTML
У меня есть div в центре моего экрана с overflow:hidden
поэтому фоновое изображение не изменяется.
В этом div у меня есть еще 2 div, один слева и один справа, проблема в том, что главный div overflow:hidden
когда я сжимаю страницу, правый div больше не виден.
Вы можете увидеть демо: http://jsfiddle.net/e7MMQ/
Вы можете попробовать применить переполнение: скрыть в левом/правом divs и сделать их исправленными. То предположение, что у вас нет содержимого внутри большего контейнера, и все находится в левом/правом div.
Затем сделайте свой более крупный контейнер фиксированным размером, который представляет собой объединенный размер ваших левых/правых div.
HTML:
<div id="container">
<div id="left">Some content</div>
<div id="right">Some other content</div>
</div>
CSS:
#container{
width:300px;
height:300px;
}
#left{
float:left;
width:150px;
height:300px;
overflow:hidden;
}
#right{
float:right;
width:150px;
height:300px;
overflow:hidden;
}
Надеюсь, это поможет!
в первую очередь, фон не имеет ничего общего с переполнением div, вы можете просто использовать
background-attachment:fixed;
и для вас divs
просто используйте float: left;
и float: right ;
если это то, что вы пытаетесь сделать:
http://jsfiddle.net/prollygeek/e7MMQ/1/
это потому, что вы указали ширину, и ваш div все еще есть, но вы можете прокрутить вправо, чтобы увидеть его.