两栏布局

分类: 文章 • 2024-08-07 18:00:16

①先定位过去

②被压住的部分让出来这个距离

先创造出来一个right区域，然后创造出来一个left区域

两栏布局
先创建的这个div中设position：absolute;这样第二行的div就能跑到第一行。如果想让粉色在右边那么让right=0;并且这一行要腾出粉色的地，不能是在黑色独成一行的前提下，既让黑色的margin-right=粉色的width即可。

效果图：
两栏布局