Показать сообщение отдельно
  #1 (permalink)  
Старый 20.10.2012, 12:49
Аспирант
Отправить личное сообщение для mister_maxim Посмотреть профиль Найти все сообщения от mister_maxim
 
Регистрация: 09.02.2009
Сообщений: 57

Что растягивает див дальше вложенного элемента?
Делаю сложную верстку, и вот сократил код до минимума, так чтобы показать непонятный для себя эффект, он наблюдается в опере, в гугл хроме и файрфоксе, на осле не проверял.
Значит вопрос: откуда берётся красный огрызок под синим квадратом, что увеличивает высоту внешнего красного дива на 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>
Ответить с цитированием