BFC全称block formatting context （块级格式化上下文） BFC渲染区域： 这个区域由某个HTML元素创建，以下元素会在其内部创建BFC区域： 根元素 浮动和绝对定位元素 overflow不等于visible的块盒 创建BFC的元素，它的自动高度需要计算浮动元素 创建BFC的 ...
分类：
其他好文 时间：
2021-06-28 19:38:12
阅读次数：
0
父级边框塌陷问题 clear clear : right; 右侧不允许有浮动元素 clear : left; 左侧不允许有浮动元素 clear : both; 两侧不允许有浮动元素 clear : none; 解决方法： 1.增加父级元素的高度 #box{ width: 1500px; height ...
分类：
Web程序 时间：
2021-06-28 19:13:22
阅读次数：
0
float 浮动法：中间的元素需放在最后，左右元素使用左浮动和右浮动，中间的元素使用 margin-left 和 margin-right 与两边留出间隔（就是两个浮动元素的宽度） 缺点：三个元素的顺序受限，middle 必须放在最后，而且浏览器窗口宽度不够时，right 元素会被挤到下一行 <di ...
分类：
Web程序 时间：
2021-05-24 16:58:25
阅读次数：
0
一、浮动： ①、float：left/ right； 二、浮动特性： ①、浮动的元素不占有原先位置，后面没有浮动的元素会挤过来压住浮动的元素。 ②、添加了浮动的元素具有了行内块元素的特性： a、不论什么元素都可以设置宽高。 b、所有浮动元素都在一行显示。 c、没有浮动的块级盒子如果没有设置宽度，他的 ...
分类：
Web程序 时间：
2021-01-13 10:47:37
阅读次数：
0
clear:both的特点 元素需是块级元素 元素不能带有浮动属性 元素必须放在最后一个浮动元素的后面 用户是看不到这个元素的 clearfix清浮动方法的属性 浮动元素的父级选择器{*zoom:1;}/*只有ie7可识别 css hack写法* 浮动元素的父级选择器: 1 after{ 2 dis ...
分类：
其他好文 时间：
2021-01-11 11:06:27
阅读次数：
0
面试题:如何清浮动给浮动元素的父元素手动添加一个固定的高度(不推荐）给浮动元素的父元素设置overflow:hidden/auto.在浮动元素的父元素结束标签之前加一个具有块元素特点的标签(我们一般用 div),给元素加一个clear:both<divstyle=clear:both"></div> ...
分类：
其他好文 时间：
2021-01-11 11:01:44
阅读次数：
0
父级盒子很多情况下，不方便给高度（比如盒子里有一堆文字，你不知道具体给多少高度）， 这种不方便给高度的情况下，如果父级盒子高度为0，子盒子浮动后就不占有位置，就会影响下面的标准流盒子。 总结： 由于浮动元素不再占用原普通流的位置，所以它会对后面的元素排版产生影响 准确的说，并不是清除浮动，而是清除浮 ...
分类：
其他好文 时间：
2020-12-29 11:23:40
阅读次数：
0
BFC是什么？ 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 I know it when I see it 所以，虽然我不知道什么是BFC，但是写出样式，我就能知道 ...
分类：
其他好文 时间：
2020-12-18 12:57:58
阅读次数：
3
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
题目：BFC（块级格式化上下文，用于清楚浮动，防止margin重叠等） 直译成：块级格式化上下文，是一个独立的渲染区域，并且有一定的布局规则。 BFC区域不会与float box重叠 BFC是页面上的一个独立容器，子元素不会影响到外面 计算BFC的高度时，浮动元素也会参与计算 哪些元素会生成BFC： ...
分类：
其他好文 时间：
2020-09-24 00:02:56
阅读次数：
34
