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

阅读 88

2022-03-12

前述:

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

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

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

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

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

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

二、浮动

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

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

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

 开启BFC方式:

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

精彩评论(0)

0 0 举报