Разверните элемент с относительным расположением до полной высоты контейнера - PullRequest
1 голос
/ 26 марта 2010

У меня есть div прямо под телом. Мой HTML выглядит так:

<body>
 <div class="parent"></div>
</body>

И CSS, который я использую, это:

.parent {
  border:1px solid black;
  bottom:10px;
  position:relative;
  top:100px;
  width:500px;
}

Этот div не распространяется на весь видовой экран / доступный рост. Однако, если я изменю положение на абсолютное, оно растянется.

Есть ли способ заставить относительно расположенный элемент растягиваться до высоты его элемента контейнера. Я также пробовал высоту 100%, и она работает, но она дает мне вертикальную полосу прокрутки, так как элемент расположен на 100 пикселей от TOP.

1 Ответ

2 голосов
/ 26 марта 2010

Термины top, bottom, left и right обычно используются для абсолютного позиционирования. Если вы хотите, чтобы контейнер div был таким же большим, как его родительский контейнер, вам нужно указать в терминах высоту и ширину и использовать процент или целое число с присоединенной шкалой измерения, такой как «px». Если вы беспокоитесь о полосе прокрутки, просто используйте правило overflow:hidden;

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