haslaylout 和 bfc分析的了解

2021-03-20 22:43 jianzhan
1、haslaylout 和 bfc 1个是ie独有特性,1个是规范特性,

2、BFC便是网页页面上的1个防护的单独器皿,器皿里边的子元素不容易危害到外面的元素,反之亦然。

3、bfc 有3个功效,

1.包括波动元素,

2.避免编剧重合,

3.避免被波动元素遮盖

4、开启标准:

float 除none之外的值
overflow 除visible 之外的值(hidden,auto,scroll )
display (table-cell,table-caption,inline-block, flex, inline-flex)
position值为(absolute,fixed)
fieldset元素

1定要切记1点,bfc是单独的1个器皿,不危害别的合理布局,也不容易受危害,运用其特点,能够处理消除波动,2栏合理布局等难题

例:2栏自融入合理布局

1.运用波动和负margin 来处理

2. 开启bfc,不容易被波动元素遮盖