Задать вопрос

Задать взаимное расположение блоков?

dbf7e7c7b9f44972bc24a896fb47b7c7.png
Вопрос содержится на изображении
  • Вопрос задан
  • 3102 просмотра
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
<html>
<head>
<style>
.clear{
	clear: both;
}
.header{
	width: 331px;
	padding: 10px 10px 10px 0;
	background: #404040;
	margin-bottom: 10px;
}
.header .block{
	float: left;
	width: 100px;
	height: 50px;
	margin-left: 10px;
}
.one{
	background: #f00;
}
.two{
	background: #0f0;
}
.three{
	background: #00f;
}
.content{
	width: 321px;
	padding: 10px 10px 10px 10px;
	background: #404040;
	margin-bottom: 10px;
}
.block_in1{
	width:321px;
	height: 100px;
	margin-bottom: 10px;
}
.block_in{
	float: left;
	width: 160px;
	height: 50px;
}

</style>
</head>
	<body>
		<div class="header">
			<div class="block one"></div>
			<div class="block two"></div>
			<div class="block three"></div>
			<div class="clear"></div>
		</div>
		<div class="content">
			<div class="block_in1 one"></div>
			<div class="block_in two"></div>
			<div class="block_in three"></div>
			<div class="clear"></div>
		</div>
	</body>
</html>
без css, на мой взгляд не обойтись
Ответ написан
Комментировать
@manuylov
пример на jsfiddle
единственное, что придется знать высоту второго блока, чтобы сделать правильный отступ для первого
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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