0
点赞
收藏
分享

微信扫一扫

盒子模型——网页布局、浮动、如何开启BFC

40dba2f2a596 2022-03-12 阅读 87

前述:

传统网页布局的三种方式:

网页布局的本质----用css来摆放盒子,把盒子摆到相应位置

css提供了三种传统布局方式(简单易懂就是盒子如何进行排列顺序):

  • 标准流(普通流/文档流)
  • 浮动
  • 定位

一、标准流(普通流/文档流)

所谓的标准流:就是标签按照规定好默认方式排列

二、浮动

1.浮动元素会脱离标准流(脱标)

2.浮动的元素会一行内显示并且元素顶部对齐

3.浮动的元素会具有行内块元素的特性

 开启BFC方式:

BFC当然还能解决更多问题,等涉及到后将会继续更新。 

举报

相关推荐

0 条评论