HTML CSS autosizing - PullRequest
Новая
       6

HTML CSS autosizing

0 голосов
/ 19 марта 2012

Я знаю, что есть много вопросов по этому типу вещей, но я не нашел тот, который отвечает на мой вопрос.

У меня есть сайт в формате "новостной ленты", где вы можете фильтровать посты на основепо определенным критериям.Итак, с некоторыми фильтрами вы получаете контент намного выше, чем окно браузера.С другими фильтрами вы не можете получать контент.

Когда я использую Webkit Web Inspector, я вижу, что html {min-height:100%} делает трюк для тега <html>.Я хочу, чтобы <body> делал то же самое: будь 100%, когда контент помещается на странице, и расширяйся в противном случае.

Однако я не могу использовать процент height или min-height на теле, если высота не установлена ​​для <html>.Он не наследует высоту, чтобы основывать свой процент от.Итак, что я получаю, когда у документа меньше, чем полное окно контента, все урезается правильно и основание этого контента, что портит мой фон и прочее.

Есть идеи?

Ответы [ 3 ]

1 голос
/ 19 марта 2012

Может быть, вы можете попробовать что-то вроде этого: 

html {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
#content {
    min-height: 100%;
}

Надеюсь, это поможет решить проблему

1 голос
/ 19 марта 2012

Из ограниченных деталей звучит так, что все, что вам нужно, это добавить: 

html,body{ height: 100%; }

И я предполагаю, что ваш фон находится на теге body.

0 голосов
/ 19 марта 2012

Я предлагаю установить высоту тела на 100%.100% означает, что он должен занимать столько же места, сколько и его родительский элемент.Итак, если ваш HTML-тег делает то, что должен, просто позвольте тегу body принять тот же размер: 

<html style="min-height: 100%">
<body style="height: 100%">
</body>
</html>
...