在CSS中,display:block vs clear:both的区别是什么

时间:2015-08-28 18:39:40

标签: css

除了标题中提到的问题之外,我还反过来想知道如何显示:内联与clear不同:没有?

编辑:我有预感这个问题不受欢迎......让我详细说明。

两者似乎都涉及将元素放在自己的行上。 "显示:内联"流动元素内联,这让我觉得非常类似于" clear:none",它允许元素浮动在你旁边。

相反,如果你想要你的div,也许是这个例子中的一个页脚https://css-tricks.com/all-about-floats/,那么你可以自己站起来,然后你可以说清楚:两个"表明没有任何东西可能漂浮在你身边。

但是这种行为看起来非常类似于" display:block"。

因此,我的问题是,这些行为或预期用途有何不同?

我确信现在很明显我是CSS中的一个业余爱好者,但是在后端编程工作了15年之后,我试图面对我的恐惧并学习它。我希望有人可以回答这个问题而不是低估我试图学习新东西......

1 个答案:

答案 0 :(得分:0)

<p> - &gt;将元素显示为块元素(如clear:both

1:X - &gt;左侧或右侧不允许浮动元素

块级元素始终从新行开始并占用可用的全部宽度(尽可能向左和向右延伸)。

内联元素不会在新行上开始,只会占用所需的宽度。