2012-04-11 75 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