DIV с переполнением: auto заставляет div становиться больше его реального размера - PullRequest
0 голосов
/ 11 января 2011

Я создаю веб-сайт с содержанием абзаца.То, что у меня есть, это мой контейнер div и фактическое содержимое, которое составляет 100% высоты mainContent, но только 50% ширины.Я хочу, чтобы вокруг фактического содержания внутри aboutLeft было 15px отступов.Моя проблема в том, что когда я использую overflow: auto to для полос прокрутки, я расширяю содержимое на 30px за пределами div #mainContent и не понимаю, почему он это делает.Любые предложения изменить это было бы здорово.Спасибо, meepz

http://i.stack.imgur.com/JLICh.jpg

#outerDiv #mainContent{
 position:relative;
 height:560px;
 margin:0;
 padding:0;
 background-color:#fff;
 border-style: solid;
 border-width:1px;
}
#mainContent #aboutLeft{
 padding:15px;
 position:absolute;
 width:55%;
 height:560px;
 left:0;
 top:0;
 overflow:auto
}

1 Ответ

2 голосов
/ 11 января 2011

Вам нужно добавить DIV-обертку, для которой вы устанавливаете ширину, затем поместите ваш div с переполнением: auto внутри него, так как элементы уровня блока будут занимать 100% ширины содержащего их элемента.

Это решит вашу проблему.

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