Верстка: Помогите решить тривиальную проблему

concerned
На сайте с 12.09.2007
Offline
170
481

Добрый день!

Давно занимаюсь версткой, но никак не могу решить достаточно тривиальную проблему: Есть 4 блока в контейнере, код такой:

.left {

float: left;

width: 200px;

height: 200px;

background-color:#033;

margin: 5px;

}

<div style="width: 500px;">

<div class="left" style="height: 100px;"></div>

<div class="left"></div>

<div class="left"></div>

<div class="left"></div>

</div>

Как сделать так, чтобы блок №3 заполнил пространства под блоком №1?

Постоянно в поиске площадок для размещения статей (SEO) и постов (facebook или vk) Для тех, кто хочет узнать о студии больше - наш сайт (http://rocketstudio.ru)
dkameleon
На сайте с 09.12.2005
Offline
386
#1

с флоатом такого не сделать.

учитывая то, какие габариты у вас заданы, лучше сделать абсолютное позиционирование.

Дизайн интерьера (http://balabukha.com/)
[Удален]
#2

clear:both у третьего блока, не?

или засунуть остальные три блока в один с clear:both

Кофейник
На сайте с 11.07.2009
Offline
78
#3

Скажите корректнее, что вы хотите. И как правило для таких целей имеет место использование таблиц, всё зависит от цели.

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
Prior
На сайте с 03.03.2008
Offline
194
#4

<div style="width: 500px;">
<div class="left" style="height: 100px;"></div>
<div class="left"></div>
<div class="left" style="position:relative;top:-100px;height:300px"></div>
<div class="left"></div>
</div>
Ответы на вопрос - https://answers.net.pl

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий