仅将文字悬挂到按钮CSS

Question

我有这样的股利：

<div></div>

<p></p>

在上层div上，我通过jquery进行了大量附加操作，所以无论如何。 我想把那个p保持在那个div以下。 如何实现呢？

Answer 1

如果要使div块元素保持在p块元素之下，即使使用float: left; 例如（这就是为什么我问这个问题？）：

div {
    float: left;
}

p {
    clear: both;
}

例如，请参见带有浮点数的Jsfiddle： http : //jsfiddle.net/tw3G5/1/

在这里，浮点数将导致<p>块移动到<div>旁边，但是因为clear: both; 这不会发生。

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

tl; dr

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

Answer 2

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

现在，这将始终使您

在then元素下面；

Answer 3

reaper_unique：

你说：

div {
    float: left;
    display: block;
}

div默认是一个块。 同样，当您浮动一个元素时，它也会变成一个块。 这样就可以只写float：left;

安全开发人员：

你说：

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

不建议将元素“降级”（div到内联块/内联）并显示：内联块+宽度：100％=显示：块

我认为一个明确的观点：在div内都可以解决任何问题：

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