前言 浮动属性是css样式中非常重要的属性，网页的导航条和左右导航栏等都靠浮动属性来完成。浮动属性不仅能让文字拥有环绕效果，同时，其浮动特性在一些布局中还起到了至关重要的作用。 一、float浮动是什么? 浮动是什么? 在正常div布局中，每个div块元素都占据完整的一行
一、盒子模型 二、定位 1、元素的定位属性：元素的定位属性主要包括“定位模式”和“边偏移”两部分 1.1边偏移边偏移属性top、 顶端偏移量，定义元素相对于其父元素上边线的距离bottom、 底端偏移量，定义元素相对于其父元素下边线的距离left、 左端偏移量，定义元素相对于其父元素
什么是BFC？ 它是一块独立的区域，让处于BFC内部的元素于外部的元素互相隔离。 BFC如何触发？ 根元素，即HTML元素 position:fixed/absolute float不为none overflow 不为 visible display的值为inline-block、table-cell、table-caption 作用是什么？ 1. 防止margin 发生重叠。 未触发BF
什么是BFC block formatting context 块级格式化上下文 触发条件 float 除 none 以外的值 position 除 relative static 以外的值 overflow 除 visible 以外的值 display为 inline-block flex inlin-flex table-cell table-caption flow-root BFC是一个独立的布局环境，其中的元素
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。 Box：css布局的基
什么是bfc？ bfc即Block Formatting Contexts,直译过来就是块级格式化上下文。BFC就是一个独立的容器，容器内的子元素不会影响到外面的元素。 如何创建bfc？ 只要满足以下任意条件之一就可以了 float不为noneposition不为relative或static``overflow不为visibledisplay为flex，inlin
[css] 简述你对BFC规范的理解 是CSS中的一个渲染机制，BFC就相当于一个盒子，内部的元素与外界的元素互不干扰。它不会影响外部的布局，外部的布局也不会影响到它。 形成条件（任意一条） float的值不是none position 的值不是static或者relative display的值是inli
1、定位 1、绝对定位 absolute 2、相对定位 relactive 3、固定定位 fixed 脱离文档流：排版的基础就是要脱离文档流：1 浮动，2 绝对定位，3固定定位 脱离文档流后果：父元素无法被撑开； 绝对定位的盒子由于脱离了文档流，不能用margin：0 auto（标准的文档流中）了 float会把浮动元素变成块
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
1、什么是margin塌陷（只发生在垂直方向） 同级元素塌陷：两盒子之间的margin出现了重叠部分，垂直之间塌陷的原则是以两盒子最大的外边距为准。 父子元素塌陷：父子元素之间也会出现margin塌陷，（1）父元素和子元素都设置了同方向的margin-top值，两个属性之间没有其他内容进行隔离，导致两个属性
1 css盒模型 盒模型的理解 css盒子模型 css 盒模型 Css中盒子模型，CSS盒模型 说说盒模型，boxsizing 怪异盒模型 ，盒子模型、块级格式化上下文 2 css 水平垂直居中的几种方法 固定宽高元素的水平垂直居中 水平垂直居中 水平垂直居中 水平垂直居中 元素居中的多种方
浮动的元素会被父级计算高度(父级元素触发了BFC)非浮动元素不会覆盖浮动元素的位置(非浮动元素触发了BFC)margin不会传递给父级(父级触发BFC)属于同一个BFC的两个相邻元素上下margin会重叠
学习BFC与清除浮动 一，BFC 1，问题 经常遇到元素浮动后，父元素高度没有了，两栏布局时右侧没有自适应，垂直方向上上下两个元素外边距不太对等问题。 如何让盒子外父元素不受到盒子内子元素影响？方法就是触发BFC。 2，概念 BFC = Block Formatting context 意思是“块级格式化上下文”。
什么是BFC BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行
1. 面试题—双边距（边距重叠） 什么是边距重叠？什么情况下会发生边距重叠？如何解决边距重叠？ 边距重叠： 两个box如果都设置了边距，那么在垂直方向上，两个box的边距会发生重叠，以绝对值大的那个为最终结果显示在页面上。 有两种边距重叠的情况： 父子关系的边距重叠 父子关系，如果子元素设
产生BFC条件 floatposition:absolute/fixeddisplay:inline-block,table-cell,flex;overflow:hidden; 所以可以清除盒子浮动 BFC特性 BFC中盒子从上到下垂直分布BFC内盒子紧贴BFC 左边缘BFC盒子不会与浮动产生交集，而是紧贴浮动盒子计算BFC盒子高度，会计算BFC内浮动元素高度 用
流的破坏与保护 float属性 float的本质和属性 在float的设计之初，目的就是文字环绕效果 1、包裹性 在浮动元素中的元素包裹在浮动的元素中 2、自适应性 float的作用机制 让父元素的高度塌陷，在文字环绕效果的需求下，使父元素的高度塌陷，这样接下来的元素才可以实现文字环绕 高度塌陷，可
高度塌陷的原因及解决方法 父元素没有设置高度（自适应子元素的高度），当子元素脱离文档流的时候（设置float属性或者设置positon为absolute或fixed时），就会造成父元素的高度塌陷问题。 解决方案： 给父元素添加高度，违背初衷，不推荐。触发BFC BFC（block formatting context）:块级格式化上下
项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具，点击图像。Ctrl+ 加
文章目录 一、H5语义化标签二、BFC 一、H5语义化标签 H5标签在IE9之前都需要转换成块级元素 display：block 在移动端就不需要考虑兼容问题。 H5+css3可以放心的在移动端使用。 1.nav 定义导航 2.header 表示网页的头部。通常是一些导航信息或者标题。 3.article 表示一块
07 PS常用工具、常见的图片格式和特点、CSS精灵、BFC 项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大
CSS定位之【BFC】 首先复习一下CSS的几种定位方式 普通流：由上至下，行内元素和块级元素按照自己的摆放规则水平或竖直排布，浮动流：在普通流的基础上浮动偏移，一般是左右浮动绝对定位流：整体脱离普通流，元素不占原来位置
闭包的理解 使用闭包主要是为了设计私有的方法和变量。 优点是可以避免全局变量的污染， 缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露 Cookie 第一：每个特定的域名下最多生成20个cookie IE6或更低版本最多20个cookieIE7和之后的版本最后可以有50个cookie。
项目切图规范 PS常用工具 移动工具 移动工具主要负责图层、选区、等的移动、复制操作。 快捷键：v 抓手工具 快捷键：h 空格 + 鼠标左键拖动，空格键可临时转换为抓手工具。 放大镜工具 放大镜工具可以放大或缩小图像。 放大：点击放大工具，点击图像。Ctrl+ 加号。按住 alt+
定义：bfc又名'块级格式化上下文'，他是一个独立的渲染区域,只有guding块级盒子参与，它规定了内部的块级盒子如何布局，并且与盒子外毫不相干； BFC的布局规则 内部的Box会在垂直方向，一个接一个地放置 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。 每
