Родительский div по высоте дочернего
Рассмотрим на примере.
<html>
<head>
<style>
#tady{
width:500px;
border:1px solid;
}
#son{
float:left;
width:200px;
background:red;
}
#son_2{
float:left;
width:300px;
background:#f00;
}
</style>
</head>
<body>
<div id="tady">
<div id="son">Текст для проверки №1</div>
<div id="son_2">Текст для проверки №2</div>
</div>
</body>
</html>
Если вы запустите данный пример, то заметите что, родительский див "отец", не подстраивается под дочерние дивы "сын". Я специально указал у него обводку, чтобы это было хорошо заметно.
Есть два выхода из этой ситуации :
1.Добавить родительскому диву, overflow:hidden;
2.Добавить дополнительный див, который отменит обтекания заданные нашими "сынами"
<div id="clear"></div> со стилем #clear{clear: both;}
MarkGaos
Если информация на нашем сайте была полезна для Вас и вы хотели бы нас как-то отблагодарить, ниже есть форма Добровольных пожертвований. Все собранные средства пойдут на оплату сервера и развитие райта.
