关键字:格式化上下文
  • Css高阶用法(一) matrix
    矩阵(matrix)线性代数基础课里就有对矩阵的阐述,大致形式如下image.png矩阵乘法image.png"点积" 是把 对称的元素相乘,然后把结果加起来:</ ...
  • 解决子元素浮动导致父元素高度塌陷的问题(清除浮动的方法)
    备注:浮动会让元素脱离了文档流,使元素的显示更为灵活,但它也是一把双刃剑,同时会带来其他问题。 1. 浮动的元素会覆盖后面处于文档流中的元素 .box-1{ ...
  • 如何学习 CSS?需要学习那些知识?
    很多人想让我给他们推荐有关CSS部分的教程,或者问我如何学习CSS。我也看到很多人对CSS的部分内容感到困惑,一部分原因是由于对语言的过时认识。鉴于CSS在过去几年中发生了相当大的变化,这是一个更新知识的好时机。即使CSS只是你所做工作的一 ...
  • web前端入门到实战:CSS里的BFC和IFC的用法
    一、BFC Block Formatting Contexts (BFC,块级格式化上下文),就是 一个块级元素 的渲染显示规则。 (可以把 BFC 理解为一个封闭的大箱子,容器里面的子元素不会影响到外面的元素)。 1、BFC的布局规则例如 ...
  • web前端入门到实战:css重点知识和bug解决方法
    1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-alig ...
  • web前端入门到实战:让你一次弄懂CSS 的 BFC、清除浮动、外边距折叠
    BFC 块格式化上下文(Block Formatting Context,BFC) 是 Web 页面的可视化 CSS 渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 下列方式会创建块格式化上下文: 根元素() ...
  • web前端入门到实战:BFC块级格式上下文详解
    1.BFC简要定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,它规定了内部如何布局,是决定块盒子的布局及浮动相互影响范围的一个区域,并且与这个区域外部毫不相干。 2.BFC ...
  • 浅谈BFC(块格式化上下文)
    在我们的开发中常听到BFC这个词,当要让我说出BFC 是什么,却不能很好的却解释,似懂非懂。反正就是没有清晰的理解,是这两天仔细阅读了相关资料加深自己对BFC理解。 什么是BFC BFC:块格式化上下文(Block Formatting C ...
  • web前端入门到实战:CSS的逻辑属性与盒子模型
    首先开篇之前先提个问题: 为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 先不要急着往下翻,大家先思考一下。 这个问题的答案,鱼头会在文章中给出,欢 ...
  • BFC(Block Formatting Context)——块级格式化上下文
    BFC BFC全称是Block Formatting Context,即块级格式化上下文。一句话概括,就是页面上的一个隔离的独立容器,容器里面的子元素不会在布局上影响到外面的元素,反之也是如此。 注意点:BFC 并不是元素,而是某些元素带有 ...

暂无数据