Вписывание блока по размеру свободной области родителя.

skvor · April 10, 2012

Пишу

<html style="border: red dotted 50px;            width: 100%; height:  50%; /*padding: 50px;*/">
<body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;">
 bla-bla-blah
</body>
</html>

получаю бред.

1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding.

2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу.

Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос

<div style="border: red dotted 50px;            width: 100%; height:  50%; /*padding: 50px;*/">
<div style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;">
 bla-bla-blah
</div>
</div>

Padding у внешнего блока показывает, то, что он тоже растягивает размер своего блока. Мне кажется, глупость в том, что размер блока в процентах задаёт размер свободного места в этом блоке относительно свободного места родителя.

Hol1killer · April 10, 2012

так http://jsfiddle.net/Softlink/PNwg8/light/ ?

Edited April 10, 2012 by Hol1killer

Sign In

Вписывание блока по размеру свободной области родителя.

Question

skvor

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

Hol1killer

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information