Как разместить блоки друг под другом?

Имеется 3 блока: sidebar_left, content, sidebar_right - они располагаются в одну строку. Но когда добавляешь еще один sidebar_left, он уходит вправо, а должен падать под первый sidebar_left; Тоже самое и с sidebar_right; Как сделать неограниченное добавление sidebar'ов ?

html:
<div class="wrapper">
	<div id="main">
		<div class="header">


		</div>
		<div class="cnt">
			<div class="sidebar_left">

			</div>
			<div class="sidebar_left">

			</div>
			<div id="content">
			</div>
			<div id="sidebar_right">

			</div>
			<div id="clear"></div>
			<div id="footer">
			</div>
		</div>
	</div>	
</div>


CSS:
#main{
	margin: 0 auto;
	background: #eaeaea;
	width: 1000px;
	height: 900px;
}

.clear{
	clear: both;
}
.header{
	width: 100%;
	height: 190px;
}
.sidebar_left{
	width: 185px;
	height: 250px;
	background: #000000;
	position: relative;
	float: left;
	

}
#content{
	width: 630px;
	height: 600px;
	float: left;
	position: relative;
	background: #ffffff;
}
#sidebar_right{
	width: 185px;
	height: 250px;
	background: #41b2f2;
	float: right;
	position: relative;
}
  • Вопрос задан
  • 27110 просмотров
Решения вопроса 1
Satanpit
@Satanpit
Front-end developer
Как-то так:
jsfiddle.net/hxAB9
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы