CSS 常用经典布局 - 两栏布局
效果展示
原始效果
最终效果
原始代码
html 部分
1 |
|
css 部分
1 |
|
实现方法
使用 float
第一种方法:
1 |
|
第二种方法:
1 |
|
第三种方法:
1 |
|
使用 inline-block
1 |
|
使用 absolute
1 |
|
使用 flex
1 |
|
使用 grid
1 |
|
使用 table
1 |
|
CSS 常用经典布局 - 两栏布局
https://blog.xukaiyyds.cn/posts/edc505a4/
1 |
|
1 |
|
第一种方法:
1 |
|
第二种方法:
1 |
|
第三种方法:
1 |
|
1 |
|
1 |
|
1 |
|
1 |
|
1 |
|