gpt4 book ai didi

css - 如何强制一个div到下一行

转载 作者:太空狗 更新时间:2023-10-29 15:38:35 26 4
gpt4 key购买 nike

在下面的布局中,我想将 div1div2 放在同一行,但将 div3 移到下一行(div1)。提前致谢。

<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>

最佳答案

使用 <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

关于css - 如何强制一个div到下一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11915647/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com