Javascript-форум - Показать сообщение отдельно - relative position - не работает процентное смещение + вопрос про высоту html и body

myaut · #7 (**permalink**) 04.08.2013, 16:09

Сообщение от danik.js

Потому-что если у родителя не указано свойство height (то есть равно auto), то высота дочерних блоков, заданная в процентах (и другие процентные свойства, рассчитываемые относительно высоты контейнера) игнорируется. http://www.w3.org/TR/CSS2/visudet.ht...eight-property

Потому что процентные значения top/left/right/bottom должны рассчитываться относительно высоты родителя. А у тебя она не задана.
http://www.w3.org/TR/CSS2/visuren.html#propdef-top

выходит min-height 100% не значит, что height 100%? надо обязательно жестко задавать?
и можно совмещать тогда min-height и height тогда? чтобы он как бы читал что height (для min-height), но на самом деле было min-height?

и еще вот такой пример

<html>
<head> 
 <style type="text/css">
* {margin:0; padding:0;}
  html {height:100%; }
  body {height:100%; background:yellow;}
  #wrap {min-height:100%; background:red;}
  #car {height:60%; background:purple;}
  #text {height:40%; background:gray;}
  </style>

</head>

<body>
<div id="wrap"> 
<div id="car">
s
</div>

<div id="text">
s<br>s<br>
s<br>s<br>s<br>
s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>
s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>
s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>
s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br>s<br> 

</div>

</body>
</html>

почему wrapper не тянется на min-height 100%, ведь у body и html 100%, он тянется на 100%