CSS浮動div寬度爲100％

<div style="float:left"> 

    <div class="designerWrapper"> 
     <div class="pageBox"> 

      content 

     </div>    
    </div> 

</div> 
<div style="float:left; margin-left:10px;"> 

    content 2 

</div> 
<div style="clear:both"></div>    
<br /><br />

如何製作容納內容2的div爲100％寬度？如果我將它設置爲100％寬度，則它太寬了，此時它會隨着其內容長度而擴展。CSS浮動div寬度爲100％

來源

2011-02-01 Tom Gullen

你想讓兩個浮動的div彼此相鄰或一個在另一個之後嗎？ – Shikiryu 2011-02-01 10:16:02

您使用前人的精力桌上的東西

<div id="outer1"> 
<div id="outer2"> 
    <div id="left"></div> 
    <div id="right"></div> 
</div> 
</div>

CSS：

#outer1 {display:table;width:600px;height:30px;} 
#outer2 {display:table-row;width:600px;height:30px;} 
#left {display:table-cell; width:15px;} 
#right {display:table-cell; width:auto;}

重要的有沒有浮動！因爲表格顯示會自動浮動單元格。我沒有測試代碼希望工程。

來源

2011-02-01 13:19:42

您可以根據您的要求設置最小寬度。後來它會與它的內容擴大

<div style="float:left; margin-left:10px;min-width:110px;"> 

    content 2 

</div>

來源

2011-02-01 10:26:43 enthusiastic

CSS浮動div寬度爲100％

回答

相關問題