qq_45814762的博客

BFC(Block Farmatting Context)，块级格式化上下文，是一个独立的渲染区域，让处于BFC中的元素与外部元素相互隔离，使内外的元素的定位不会相互影响。BCF的布局规则？先举一个例子<!--html代码--><div class="box1"></div><div class="box2"></div>/*css代码*/.box1 { width: 100px; height: 100.

文章目录1. display:none和visibility:hidden的区别？1. display:none和visibility:hidden的区别？方式display:nonevisibility:hidden共同点能让元素消失能让元素消失区别会让元素完全从渲染树中消失，不占据任何空间元素依旧在渲染树上，只是不显示，占据渲染树空间非继承属性，子孙节点消失。由于节点从渲染树上消失，所以无法通过子孙节点显示。继承属性，子孙节点由于继承消失，但是可以通过v

1. 为什么需要清除浮动？​ 由于父级盒子在很多情况下，不方便给高度，但是子盒子浮动又不占有位置，就会影响下面的标准流盒子(标准流盒子上移)。2. 清除浮动的本质清除浮动的本质是清除浮动元素造成的影响：浮动的子标签无法撑开父盒子的高度如果父盒子本身又高度，则不需要清除浮动清除浮动之后，父级就会根据浮动的子盒子自动检测高度父级有了高度，就不会影响下面的标准流了3.实现给父元素添加高度.father { width: 200px; hei