html - 仅将文本挂到按钮 css

Question

我有一个像这样的 div:

<div></div>

<p></p>

在上面的 div 上，我通过 jquery 做了很多追加，所以无论如何。我想将 p 保持在 div 之下。如何实现？

Answer 1

如果你想将 div block 元素保持在 p block 元素下方，即使使用 float: left; 也是如此例如(我想这就是你问它的原因？):

div {
    float: left;
}

p {
    clear: both;
}

请参阅带有 float 的 Jsfiddle: http://jsfiddle.net/tw3G5/1/

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

请注意 clear仅适用于 block 元素。这就是我明确添加它们的原因，只是为了让它更清楚。 试用并申请 display: inline;到 <p>阻止并查看将 float 应用于 <div> 时会发生什么 block 。

tl;dr

申请clear: both; block 元素以使其保持在另一个 block 元素之下。

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