Высота CSS не 100% - PullRequest
Новая
       21

Высота CSS не 100%

0 голосов
/ 18 октября 2011

Я проверил много других вопросов, подобных этому, но, похоже, решение не работает.У меня есть веб-сайт, у которого есть тело, а затем внутренний div, называемый контентом.Я пытался: 

body
{
    height: 100%;
}

content
{
    height: 100%;
}

И 

body
{
}

content
{
    position: absolute;
    top: 0px;
    bottom: 0px;
}

, которые были ответами на большинство вопросов.но по некоторым причинам это не работает для нас.Когда мы выполняем форсирование с абсолютным позиционированием, оно растягивается до длины, превышающей длину страницы, а также сдвигает наш контент влево, когда мы хотим, чтобы он был центрирован (используя margin-left: auto; margin-right: auto;)

Есть предложения?

Ответы [ 2 ]

5 голосов
/ 18 октября 2011

Вам нужно установить html на 100% высоты в дополнение к телу и вашему div, например, 

html, body, div{
   height: 100%;
}
0 голосов
/ 18 октября 2011

Мое решение: 

<html>
<head>
<style>
body
{
    height: 100%;
    padding: 0;
    margin: 0;
}

#content
{
    height: 100%;
    background: red;
}
</style>
</head>
<body>
    <div id="content"></div>
</body>
</html>

Работает нормально. Атрибут background: red; предназначен для тестирования.

...