一、haslaylout 和 bfc 一个是ie特有属性,一个是标准属性,
二、BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然。
三、bfc 有3个作用,
1.包含浮动元素,
2.防止编剧重叠,
3.防止被浮动元素覆盖
四、触发条件:
float 除了none以外的值
overflow 除了visible 以外的值(hidden,auto,scroll )
display (table-cell,table-caption,inline-block, flex, inline-flex)
position值为(absolute,fixed)
fieldset元素
一定要谨记一点,bfc是独立的一个容器,不影响其他布局,也不会受影响,利用其特性,可以解决清除浮动,2栏布局等问题
例:2栏自适应布局
1.利用浮动和负margin 来解决
2. 触发bfc,不会被浮动元素覆盖
二、BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素,反之亦然。
三、bfc 有3个作用,
1.包含浮动元素,
2.防止编剧重叠,
3.防止被浮动元素覆盖
四、触发条件:
float 除了none以外的值
overflow 除了visible 以外的值(hidden,auto,scroll )
display (table-cell,table-caption,inline-block, flex, inline-flex)
position值为(absolute,fixed)
fieldset元素
一定要谨记一点,bfc是独立的一个容器,不影响其他布局,也不会受影响,利用其特性,可以解决清除浮动,2栏布局等问题
例:2栏自适应布局
1.利用浮动和负margin 来解决
2. 触发bfc,不会被浮动元素覆盖
标签:
haslaylout,bfc
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“haslaylout 和 bfc解析的理解”评论...
更新动态
2024年05月08日
2024年05月08日
- 原神:技术又升级啦?新增角色动作与神态,期待全方面普及
- 林俊杰.2020-幸存者(EP)【华纳】【WAV+CUE】
- 方志耀.1992-给我一点你的爱【飞碟】【WAV+CUE】
- 华晨宇.2015-异类【天娱传媒】【WAV+CUE】
- 月爱解说 王者荣耀一套带走爆发小狐狸妲己攻略
- 吴宇深《时光》[320K/MP3][61.94MB]
- 吴宇深《时光》[FLAC/分轨][86.52MB]
- 张宇《好男人的情歌 精选16首最爱发烧情歌》[WAV+CUE][600MB]
- 原神虹色大巡回第一关攻略 音符补缺打法位置分享
- 王者荣耀五五朋友星活动玩法介绍 规则一览
- 少年西游记2今日全平台公测 真国潮真轻松真福利
- 崩坏星穹铁道2.2光锥怎么抽 崩铁2.2光锥抽取建议
- 崩坏星穹铁道2.2无边曼舞光锥怎么样 崩铁新四星光锥无边曼舞强度
- 崩坏星穹铁道2.2夜色流光溢彩强度介绍 夜色流光溢彩光锥介绍
- 苹果安装双系统好不好,苹果装双系统好用吗