搜索结果
查询Tags标签： BFC，共有 18条记录-
一篇文章带你搞定BFC~
一、什么是BFC是 Block Formatting Contexts 的缩写，名为“块级格式化上下文”。 是指浏览器中创建了一个独立的渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。 二、BFC的特点具有 BFC 特性的元素可以看作是隔离了的独立…
2022/8/2 23:24:08 人评论 次浏览 -
前端里的BFC是什么，如何理解，如何创建BFC
BFC是什么BFC的全称：block formatting context（块级上下文） 它是一个独立的渲染区域，只有它规定了内部的Block level box如何布局，并且与这个区域外部毫不相干 如何让理解BFC 具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元…
2022/7/15 23:25:02 人评论 次浏览 -
BFC
BFC-块级格式化上下文 每一个BFC区域只包括其子元素，不包括其子元素的子元素 每一个BFC区域都是独立隔绝的，互不影响 触发BFC的条件： 1.body根元素 2.position不是static或者relative 3.display值为table｜table-cell｜inline-box1 4.float不是none 5.overflow：auto/h…
2022/3/2 23:17:07 人评论 次浏览 -
前端学习-BFC的作用
<!DOCTYPE html> <html lang="zh"><head><link rel="stylesheet" href="../css/reset.css"><meta charset="UTF-8"><title>Document</title><style>.box {width: 100px;height:…
2022/1/12 6:07:52 人评论 次浏览 -
前端学习-BFC的作用
<!DOCTYPE html> <html lang="zh"><head><link rel="stylesheet" href="../css/reset.css"><meta charset="UTF-8"><title>Document</title><style>.box {width: 100px;height:…
2022/1/12 6:07:52 人评论 次浏览 -
CSS进阶 如何实现圆形&半圆；什么是BFC；什么是SEO，title、description、keywords三大标签
1. CSS实现圆形盒子 设置宽高一致 border-radius属性设置为50%（或者直接设置为宽高的一半）div {width: 100px;height: 100px;background-color: pink;border-radius: 50%;} 2. CSS实现半圆border-radius的顺序是 左上 右上 右下 左下 半圆朝左，右边上下角是圆的，左边…
2021/11/22 23:10:05 人评论 次浏览 -
CSS进阶 如何实现圆形&半圆；什么是BFC；什么是SEO，title、description、keywords三大标签
1. CSS实现圆形盒子 设置宽高一致 border-radius属性设置为50%（或者直接设置为宽高的一半）div {width: 100px;height: 100px;background-color: pink;border-radius: 50%;} 2. CSS实现半圆border-radius的顺序是 左上 右上 右下 左下 半圆朝左，右边上下角是圆的，左边…
2021/11/22 23:10:05 人评论 次浏览 -
【CSS基础—No.01】块级格式化上下文BFC
谈谈BFC吧，最近面试经常问，这点内容感觉自己答得总是不那么顺畅。 一、定义： 块级格式化上下文，可以理解为一个容器，这个容器内的物品不会被其他容器影响，也不会影响其他容器。 如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。 二、触发条件：根元…
2021/11/21 6:11:44 人评论 次浏览 -
【CSS基础—No.01】块级格式化上下文BFC
谈谈BFC吧，最近面试经常问，这点内容感觉自己答得总是不那么顺畅。 一、定义： 块级格式化上下文，可以理解为一个容器，这个容器内的物品不会被其他容器影响，也不会影响其他容器。 如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。 二、触发条件：根元…
2021/11/21 6:11:44 人评论 次浏览 -
BFC学习
1 官方定义 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 2 个人理解 每一个BFC区域只包括其子元素，不包括其子元素的子元素。 每一个BFC区域都是独立隔绝的，互…
2021/10/16 6:14:45 人评论 次浏览 -
BFC学习
1 官方定义 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 2 个人理解 每一个BFC区域只包括其子元素，不包括其子元素的子元素。 每一个BFC区域都是独立隔绝的，互…
2021/10/16 6:14:45 人评论 次浏览 -
HTML/CSS
盒模型、BFC、清除浮动、position定位5个值、水平垂直居中、 fllex布局 、 水平/垂直居中、 两/三栏布局(圣杯双飞翼)、flex布局；常见的块级/行内/空元素、CSS Hack、src与href的区别、link与 @import区别 、 css3/H5新特性 、 浏览器兼容性问题##盒模型：什么是盒模型…
2021/9/8 23:12:01 人评论 次浏览 -
HTML/CSS
盒模型、BFC、清除浮动、position定位5个值、水平垂直居中、 fllex布局 、 水平/垂直居中、 两/三栏布局(圣杯双飞翼)、flex布局；常见的块级/行内/空元素、CSS Hack、src与href的区别、link与 @import区别 、 css3/H5新特性 、 浏览器兼容性问题##盒模型：什么是盒模型…
2021/9/8 23:12:01 人评论 次浏览 -
BFC块级格式化上下文
块级格式化上下文(BFC)BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatti…
2021/9/5 23:11:20 人评论 次浏览 -
BFC块级格式化上下文
块级格式化上下文(BFC)BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatti…
2021/9/5 23:11:20 人评论 次浏览
