如何強制一個div到下一行

在下面的佈局中，我想div1和div2在同一行，但在下一行（div1）下面移動div3。提前致謝。如何強制一個div到下一行

<html> 
<body> 
<div style="width:50%;"> 
    <div id="div1" style="float:left; 
            background-color:red; 
            vertical-align: bottom;"> 
     <label> This is my label</label><br> 
     <input type ="text"> 
    </div> 
    <div id="div2" style="padding-left:10px; 
            padding-right:0px; 
            float:left; 
            background-color:green; 
            vertical-align: bottom;"> 
     <label> &nbsp;</label><br> 
     <button id="btn" >My button</button> 
    </div> 
    <div id="div3" style="background-color:yellow;">This is error</div> 
</div> 
</body>

來源

2012-08-11 Rocky

使用<br style="clear: both;">

<html> 
<body> 
<div style="width:50%;"> 
    <div id="div1" style="float:left; background-color:red; vertical-align: bottom;"> 
     <label> This is my label</label><br> 
     <input type ="text"> 
    </div> 
    <div id="div2" style="padding-left:10px;padding-right:0px;float:left; background-color:green; vertical-align: bottom;"> 
     <label> &nbsp;</label><br> 
     <button id="btn" >My button</button> 
    </div> 

    <br style="clear: both;"> 

    <div id="div3" style="background-color:yellow; float:none" >This is error</div> 
</div> 
</body>

jsFiddle

來源

2012-08-11 14:50:19

感謝@Peter。完美工作。 – Rocky 2012-08-11 14:54:33

如何強制一個div到下一行

回答

相關問題