2012-04-11 47 views
0

我有一个容器与2个divs并排浮动。流体浮动div与文字环绕

第一个div没有应用固定宽度,而第二个没有。我想要的是当第二个div没有渲染时,第一个div展开全宽。

但是,我面临的问题是,当div 1中的段落变长时,它不会包装,因为它应该结束,而不是div1包装在div2下。我在找实现是长款在1区和包裹尊重浮动的div 2.下

代码可以更好地解释....提前

<div style="width:600px; height: 600px; margin-left: auto; margin-right: auto; border:1px solid blue;"> 
     <div style="float:left; border:1px solid green;"> 
      <p>Main long text jhjkhjkhjkhjk hj hjkh jkh jkh jkh jkh jkh jk hjk h jkh jh jkh jkh jkh jk hjk hjk hjkhkjhjkhjkhjkhjkhjkhjkhjkhjkhjkhjkh</p> 
     </div> 
     <div style="float:right; border:1px solid red; width: 200px;"> 
      <p>Secondary</p> 
     </div> 

感谢

+0

能告诉我们更好地理解http://jsfiddle.net – sandeep 2012-04-11 15:37:37

回答

0

添加宽度第一内DIV

<div style="width:600px; height: 600px; margin-left: auto; margin-right: auto; border:1px solid blue;"> 
     <div style="float:left; border:1px solid green; width: 396px;"> 
      <p>Main long text jhjkhjkhjkhjk hj hjkh jkh jkh jkh jkh jkh jk hjk h jkh jh jkh jkh jkh jk hjk hjk hjkhkjhjkhjkhjkhjkhjkhjkhjkhjkhjkhjkh</p> 
     </div> 
     <div style="float:right; border:1px solid red; width: 200px;"> 
      <p>Secondary</p> 
     </div> 
+0

但是当第二次DIV不可一日DIV不会延长整个一个例子。我不确定我想要实现的纯粹是否可以在CSS中实现? – user502014 2012-04-11 16:00:45