Top Ad unit 728 fff 90

Родительский 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;}

All Rights Reserved by ProcessPlus 2014 - 2018

Написать нам

Имя

Email *

Сообщение *