Контейнер содержимого страницы не будет полностью растянут по вертикали при увеличении - PullRequest
Новая
       1

Контейнер содержимого страницы не будет полностью растянут по вертикали при увеличении

1 голос
/ 06 сентября 2011

Я пытаюсь создать центрированный контейнер страницы, который будет вертикально растягиваться по всей странице при увеличении или уменьшении страницы.Контейнер страницы отлично растягивается при уменьшении, но когда я увеличиваю, я вижу пространство между нижней частью контейнера страницы и окном браузера.Я использую Chrome для тестирования моего CSS.

Вот HTML и CSS: 

<html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
text-align: center;  
padding:0px; 
margin:0px; 
height:100%;
}
#page{
margin: 0 auto;
background:rgba(0,0,0,0.7);
width:980px;
height:100%;
}
#content{
border:0px solid black;
width:980;
height:800; 
}
</style>
</head>
<body>
<div id="page">
    <div id="content">
        </div>
</div>
</body>
</html>

1 Ответ

1 голос
/ 06 сентября 2011

Это не хорошо (без единиц измерения, плюс фиксированная высота): 

#content{
border:0px solid black;
width:980;
height:800; 
}

Одно исправление - изменить его на: 

#content{
border:0px solid black;
width:980px;
}

При желании также можно использовать height: 100%;, но вычесть любые поля, отступы и границы - при необходимости.

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

Похожие темы

...