Этот ответ имеет ту же идею, но наоборот. Цитаты там все еще относятся к Вашему запросу.
Вы можете перемещать divRight вправо. Это должно позволить левому div обернуться под правым текстом.
Edit: Вам также понадобится divRight внутри divLeft, как описано в Donut.
Поместите divRight
внутрь divLeft
и разместите его.
Попробуйте следующее:
CSS
<style type="text/css">
#primary, #header, #footer {
float: left;
width: 100%;
}
#secondary {
float: right;
width: 200px; /* or whatever width you want */
}
</style>
HTML
<div id="header">
</div>
<div id="primary">
<div id="secondary">
<p>Put your content here that goes on the right</p>
</div>
<p>Put your content here<br />
that goes on the left<br />
and should wrap under the right-hand column</p>
</div>
<div id="footer">
</div>
У меня есть очень хорошее решение; посмотрите источник примера здесь .
Поместите divRight внутри divLeft и дайте ему следующие свойства:
.divRight {
display: inline-block;
display: -moz-inline-box;
-moz-box-orient: vertical;
vertical-align: top;
zoom: 1;
*display: inline;
}