минимальная высота страницы css

Question

минимальная высота страницы css

0

Может ли кто-нибудь объяснить мне, почему моя страница HTML не заполняет высоту экрана? Я попытался установить min-height в css, но это ни на что не повлияло.

JSFiddle: http://jsfiddle.net/9yFKn/

LeDoc 15 фев. 2014, в 20:57

Источник

1

Вы должны рефакторинг, чтобы избежать использования селектора * , вам не нужно применять ваше семейство шрифтов к каждому элементу в DOM. Кроме того, дубликат часто задаваемого вопроса, пожалуйста, попробуйте поискать, прежде чем задавать вопрос в будущем.
Nit 15 фев. 2014, в 19:06

Теги:

html

css

2 ответа

1

Вот решение:

  html, body {    height: 100%;    }

но это просто решение, которое вам нужно понять, почему это произошло, это произошло потому, что ваш элемент является элементом уровня блока, который завершает всю ширину и ширину вашего содержимого как 100%, но это не так с высотой, вам нужно указать связанные с содержанием, чтобы дать высоту в процентах, например, как указано выше, дал 100%

вот решение тоже

suraj rawat 15 фев. 2014, в 19:01

Ещё вопросы

Вы должны рефакторинг, чтобы избежать использования селектора * , вам не нужно применять ваше семейство шрифтов к каждому элементу в DOM. Кроме того, дубликат часто задаваемого вопроса, пожалуйста, попробуйте поискать, прежде чем задавать вопрос в будущем.

Kolby · Accepted Answer · 2014-02-15T17-00-00.000Z

Это потому, что вы не учитываете высоту тела.

Просто добавь

body{
    height: 100%;
}

http://jsfiddle.net/9yFKn/1/

Причина, по которой это необходимо, заключается в том, что, как и у других элементов DOM, тело не имеет заданного свойства высоты. Однако он имеет заполнение, которое может потребоваться установить на ноль в зависимости от того, насколько полно вы хотите занять место.