Обтекание текста вокруг DIV

Question

У меня есть макет, как это:

Header div 
divLeft divRight 
Footer div 

divLeft это куча текста и divRight является ДИВЫМ с некоторыми вещами в нем. divLeft намного длиннее, и я хотел бы, чтобы текст обернулся под divright. прямо сейчас он просто создает две колонки, и в divRight есть много свободного места. Помогите? Благодаря!

Answer 1

Положить 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> 

Answer 2

Вы можете плавать divRight правильно. Это должно позволить левому div обернуть под правильным текстом.

Редактировать: Вам также понадобится divRight внутри divLeft, как описано в Donut.

Answer 3

У меня очень хорошее решение; посмотрите на источник примера here.

Answer 4

Место divRight внутри divLeft и дать ему следующие свойства:

.divRight { 
    display: inline-block; 
    display: -moz-inline-box; 
    -moz-box-orient: vertical; 
    vertical-align: top; 
    zoom: 1; 
    *display: inline; 
}