仅将文本挂起到按钮css

Question

我有这样的div：

<div></div>

<p></p>

在上面的div上我通过jquery进行了很多追加，所以无论如何。我希望将p保留在div以下。如何实现？

Answer 1

如果你想将div块元素保持在p块元素下面，即使使用float: left;例如（这就是为什么你会问我的原因？）：

div {
    float: left;
}

p {
    clear: both;
}

请参阅Jsfiddle，例如使用float： http://jsfiddle.net/tw3G5/1/

此处浮动会导致<p>块移动到<div>旁边，但因为clear: both;这不会发生。

请注意clear仅适用于块元素。这就是为什么我明确地添加它们，只是为了使它更清楚。 尝试将display: inline;应用于<p>块，看看将float应用于<div>块时会发生什么。

TL;博士

将clear: both;应用于块元素，使其保持在另一个块元素下面。

欲了解更多信息： https://developer.mozilla.org/en-US/docs/Web/CSS/clear

Answer 2

div 
{ 
   display:inline-block; 
   width:100%; 
}

现在这将始终保持

低于元素;

Answer 3

reaper_unique：

你说：

div {
    float: left;
    display: block;
}

默认情况下，div是一个块。此外，当您浮动元素时，它将变为块。所以你可以只写float：left;

securedeveloper：

你说：

div 
{ 
   display:inline-block; 
   width:100%; 
}

不建议降级＆＃34;降级＆＃34;元素（div到内联块/内联）和显示：内联块+宽度：100％=显示：块

我认为很清楚：无论是内部还是div都可以解决任何问题：

div:after { content: ''; display: block; width: 100%; clear: both; }