Вопрос по height, html, css – Процент высоты не работает в CSS

12

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

   

Как я могу заставить это работать?

Процент высоты несколько небрежный, но если вы настаиваете, использование процентов будет принимать только процент от высоты контейнера. Попробуйте добавить {min-height: 100%; } к вашему тегу {body}. Andrew Manson
Теперь у вас будет проблема, когда выВысота содержимого должна расширяться за 100%. Andrew Manson
min-height doest work = (. Я использовал вместо этого, высота: 100% Flezcano

Ваш Ответ

4   ответа
2

100% высота вашего родительского элемента

HTML код-



<div id="bloque_1" style="height:80%;background:red;width:100%;">   
</div>

  

CSS Часть-

html, body { height: 100%; width: 100%; margin: 0;background: #3c3c3c }

Рабочая скрипка -http://jsfiddle.net/SEafD/1/

35

Когда вы используете% для ширины или высоты, первый вопрос, который вы должны задать, это80% которого? Таким образом, вам также нужно применить высоту к родительскому элементу, поэтому, предполагая, что ваш элемент находится внутри тега body, вы должны использовать это в своем CSS

html, body {
   height: 100%;
}

Так что теперь вашdiv элемент будет80% из100%

демонстрация

Примечание: также, когда вы имеете дело сabsolute позиционированные элементы, вы можете столкнуться со сценарием, в котором вашdiv победил't превышает текущую высоту окна просмотра, поэтому в этом случае вам нужно иметьmin-height

Некоторое время я возился с подобной проблемой, я устанавливал body на 100%, но не html, спасибо! B Rad C
5

bloque_1 понадобится высота, или выВы получите 80% от 0. Возможно, вам также придется применить высоту 100% к.body

Вот'сjsfiddle это показывает это в действии.

0

демонстрация

    height:100%
}
#bloque_1{
    background:red;
    height:80%;
}

Похожие вопросы