Разметка содержимого высота / ширина с использованием%?

Question

Разметка содержимого высота / ширина с использованием%?

0

Последние пару дней я играл с интерфейсом веб-дизайна, в основном используя float/clearfix для размещения моего контента. Я отмечал ширину содержимого, используя%, и это отлично работало.

Однако, если я попытаюсь определить высоту в процентах от общей страницы, она не сработает, более точно, похоже, она просто обертывает то, что когда-либо есть, и я должен определить высоту как значение px.

Для этого есть причина? Есть ли способ обхода проблемы, когда я могу использовать процентное значение и фактически делит страницу?

WebDesignNub 17 дек. 2013, в 13:58

Источник

0

Чтобы изменить высоту или ширину, попробуйте min-height или min-width в вашем CSS - developer.mozilla.org/en-US/docs/Web/CSS/min-height
Viridis 17 дек. 2013, в 12:26
0

Я думаю, вам нужно добавить немного HTML и CSS, чтобы показать, что вы уже пробовали
dav1dsm1th 17 дек. 2013, в 12:27
0

Пожалуйста, прочитайте Как работает принятие ответа? , не редактируйте заголовки вопросов, чтобы включить слово решено.
Quentin 17 дек. 2013, в 12:36

Показать ещё 1 комментарий

Теги:

html

css

width

height

2 ответа

0

попробуйте это: дайте тег HTML в CSS 100%, а затем вы должны попытаться установить элемент body в CSS на

display:block;

и дать ему

min-height:100%

см. также эту тему:

min-height не работает с телом

br paulq

Paulquappe 17 дек. 2013, в 10:55

0

Спасибо, это было 3/4 ответа! Я дал телу высоту 100% и положение: абсолютное, затем все, что мне нужно было сделать, это добавить минимальную высоту: 60% и положение: относительное. Работал как шарм спасибо
WebDesignNub 17 дек. 2013, в 12:31

Ещё вопросы

Чтобы изменить высоту или ширину, попробуйте min-height или min-width в вашем CSS - developer.mozilla.org/en-US/docs/Web/CSS/min-height
Я думаю, вам нужно добавить немного HTML и CSS, чтобы показать, что вы уже пробовали
Пожалуйста, прочитайте Как работает принятие ответа? , не редактируйте заголовки вопросов, чтобы включить слово решено.
Спасибо, это было 3/4 ответа! Я дал телу высоту 100% и положение: абсолютное, затем все, что мне нужно было сделать, это добавить минимальную высоту: 60% и положение: относительное. Работал как шарм спасибо

DaniP · Accepted Answer · 2013-12-17T10-01-00.000Z

Чтобы определить height свойства в % вам нужно иметь предыдущее определение родительской height. Тогда, если у вас есть родитель с фиксированной height на px вы можете работать с %; но если вы хотите работать% по отношению к окну или другим значениям%, вам нужно установить значение для всех родителей.

Затем, если вы хотите работать с окном%, вам нужно это:

HTML как:

<body>
  <div id="container">My div with 100% height</div>
</body>

CSS как:

/*Need to set all parents to 100%*/
html, body {
  height:100%;
}
/*Then set the container*/
#container {
   height:100%;
}