CSS布局

BFC

[原BFC内容]

浮动元素

这是一段文本内容,演示BFC可以阻止文字环绕浮动元素。

水平垂直居中

[原水平垂直居中内容]

Flex居中

Position居中

Flex布局

[原Flex布局内容]

Flex: 1

Flex: 2

Flex: 1

Space

Between

Items

Grid布局

[原Grid布局内容]

1

2

3

4

5

6

清除浮动

[原清除浮动内容]

浮动元素1

浮动元素2

Position定位

[原position sticky内容]