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

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

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

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

источник

2013-12-17 WebDesignNub

Чтобы заставить высоту или ширину попробовать 'мин- height' или 'min-width' в вашем CSS -https: //developer.mozilla.org/en-US/docs/Web/CSS/min-height – Viridis

Думаю, вам нужно добавить HTML и CSS в показать, что вы пробовали до сих пор – dav1dsm1th

Please прочитайте [Как принимается ответ?] (http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work), не редактируйте заголовки вопросов, чтобы включить слово SOLVED. – Quentin

Для определения свойства 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%; 
}

источник

2013-12-17 12:32:34 DaniP

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

display:block;

и дать ему

min-height:100%

видеть эту тему тоже:

min-height does not work with body

уш paulq

источник

2013-12-17 12:26:42 Paulquappe

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

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

ответ

Смежные вопросы