跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
clearfix

4 篇文章
{
,

}
文章“Clearfix:Web 开发演变的教训”的直接链接
clearfix floats history

Clearfix:Web 开发演变的教训

在很大程度上,Web 社区一直是一个非常开放的场所。因此,许多最佳的开发技巧都是在公开场合出现的,例如博客和论坛,并在传播和改进过程中不断发展。…

Avatar of Jay Hoffmann
Jay Hoffmann 于 2018年7月3日 发布
文章“Clearfix 黑客的终结?”的直接链接
clearfix floats flow-root

Clearfix 黑客的终结?

Rachel Andrew 对display: flow-root;进行了清晰(明白了吗?!)的解释,包括比较新旧技术的演示。显然,这个名称目前还有些悬而未决。

它的全部意义在于…

Avatar of Sarah Drasner
Sarah Drasner 于 2017年1月25日 发布
文章“Clearfix:强制元素清除其子元素”的直接链接
clearfix pseudo elements

Clearfix:强制元素清除其子元素

如今,这对你来说已经足够了(IE 8 及更高版本)

.group:after {
  content: "";
  display: table;
  clear: both;
}

将其应用于任何需要清除浮动的父元素。例如

<div class="group">
  <div class="is-floated"></div>
  
…
Avatar of Chris Coyier
Chris Coyier 于 2018年8月16日 发布
文章“关于浮动的所有内容”的直接链接
clear clearfix float layout

关于浮动的所有内容

Float 是一个 CSS 定位属性。为了理解其目的和起源,我们可以参考印刷设计。在印刷版式中,图像可以设置在页面上,以便文本根据需要环绕它们。这通常被称为“文字环绕”,并且是恰当的称呼。
Avatar of Chris Coyier
Chris Coyier 于 2021年3月25日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的新闻通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费额度!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.