asp.net - 使用css将div移动到下一行

Question

我有两个 div，一个里面有文本框，另一个只是纯文本。这是它的样子: .我想将其中包含语言的文本 div 移动到图片中显示箭头的下一行。我搜索了所有无法找到 wordwrap 不起作用的解决方案。我还必须在 css 中执行此操作。

这是两者的 aspx 代码:

<asp:Panel ID="search" runat="server" EnableViewState="False" Wrap="False">
 <div id="txtBox">
   <asp:textbox id="box" runat="server"></asp:textbox>
   <div id="text" runat="server">Language</div>
 </div>
</asp:Panel>

css:

#search
{
    position:absolute; 
    top:100px;  
    height:50px;
    left:100px;
    width:1000px;    
}
#txtBox
{
    float: left;
}

Answer 1

以下是针对陷入相同情况的任何人的解决方案:

#text
{
  clear: left;
}

clear:left 将文本移动到文本框底部的下一行。然后你可以使用 margin-left 将文本设置在你想要的任何位置。