Нужно что бы <div id=«test2»> растягивался на всю длину, в зависимости от количества <div id=«test4»> в <div id=«test3»>. Как это сделать? Пока получается так.

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body id="test1">
	<div id="test2">
	<div id="test3">
	<div id="test4">
		<p id="test5">Съешь ещё этих мягких французских булок, да выпей чаю.</p>
	</div>
	</div>
	</div>
</body>
</html>

CSS

#test1 {
	width: 100%;
	height: 100%;
	min-height: 640
	margin-top: 0
	margin-left: 0
	margin-right: 0
	border-right: 0
	position: absolute;
}

#test2 {
	background-color: #FF6347;
	position: absolute;
	width: 100%;
	height: 100%;
}

#test3 {
	width: 98%;
	max-width: 1000
	height: 100%;
	position: absolute;
	left: 17%;
}

#test4 {
	width: 98%;
	position: static;
	max-width: 1000
	padding: 10
	left: 17%;
	background-color: #FFFFFF;
	margin-bottom: 15
}

#test5 {
	font-size: 120%;
	padding: 1
}







 , ,






URL записи