隐式块级元素

Avatar of Chris Coyier
Chris Coyier 发表于

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Jeff Starr 发布了一条推文,其中分享了一个简单的技巧

如果您将一个内联元素浮动,它会被视为块级元素,因此无需在样式表中包含“display: block;”。

确实就是这样发生的。 规范

此属性的值具有以下含义。左:元素生成一个块级框……[关于浮动工作原理的实际内容]

浏览器正是这样实现的。以下是一个 LOLCSS 屏幕截图,以便更清楚地说明

这意味着您可以使用宽度和高度属性,并且元素会尊重它们。但这并不意味着元素会像非浮动块级元素那样自动扩展到其父元素的宽度。其宽度和高度将是您设置的值,或者如果您未设置,则会扩展以适应您在其内部放置的任何内容。

对于绝对定位的元素,它的工作原理完全相同。