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％

回答

相关问题