| mister_maxim |
20.10.2012 12:49 |
Что растягивает див дальше вложенного элемента?
Делаю сложную верстку, и вот сократил код до минимума, так чтобы показать непонятный для себя эффект, он наблюдается в опере, в гугл хроме и файрфоксе, на осле не проверял.
Значит вопрос: откуда берётся красный огрызок под синим квадратом, что увеличивает высоту внешнего красного дива на 5 пикселей от высоты вложенных?
<!DOCTYPE html>
<html>
<head>
<title>красный огрызок</title>
<meta charset="utf-8">
<style type='text/css'>
.inbl
{
padding: 0px;
margin: 0px;
border: 0px;
display: inline-block;
}
</style>
</head>
<body onload='init();'>
<div class='inbl' style="background-color:#ff0000; ">
<div class='inbl' style="background-color:#00ff00;">
<div class='inbl' style="background-color:#0000ff; float: left; height: 70px; width:70px;">
</div>
</div>
</div>
</body>
</html>
|