bes,
Но ведь они все так же обтекают в один рядок, а надо в столбец.
Эм. Столбец это же колонка? Что-то я подвис...
И реально ли обойтись без флоата? Я так понял, что проблема в том, что блочный элемент занимает всю ширину, не?
Вот как-то так, но что-то мне не нравиться, слишком много костылей.
<style>
.d1 {
float: left;
width: 200px;
height: 700px;
background-color: green;
}
.d2 {
clear:right;
margin-left: 200px;
width: 200px;
height: 200px;
background-color: red;
border:1px solid black;
}
.d3 {
clear:right;
margin-left: 200px;
width: 200px;
height: 200px;
background-color: red;
border:1px solid black;
}
.d4 {
clear:right;
margin-left: 200px;
width: 200px;
height: 200px;
background-color: red;
border:1px solid black;
}
.d11 {
position: absolute;
width: 200px;
height: 700px;
background-color: gray;
}
.d22 {
clear:right;
margin-left: 200px;
width: 200px;
height: 200px;
background-color: red;
border:1px solid black;
}
.d33 {
clear:right;
margin-left: 200px;
width: 200px;
height: 200px;
background-color: red;
border:1px solid black;
}
.d44 {
clear:right;
margin-left: 200px;
width: 200px;
height: 200px;
background-color: red;
border:1px solid black;
}
</style>
<body>
<div class='d1'></div><div class="d2"> </div><div class="d3"> </div><div class="d4"> </div>
<div style="clear: both"></div>
<div class='d11'></div><div class="d22"> </div><div class="d33"> </div><div class="d44"> </div>
</body>