当前位置: 首页 » 笔记 » CSS并排,左边不抢空间,右边固定大小

CSS并排,左边不抢空间,右边固定大小

零分笔记1,0212024-03-28 09:28

CSS并排布局:

flex,position,float,最近很少用float,感觉总是控制不好它。

最好用的布局,flex,右边设置好一个固定宽度,左边使用grow:1,或者width:calc(100% – 固定宽度)。

另外一种就是position,父层设置 position:relative,padding-right:右边的固定宽度,左边设置width:100%,右边设置position:absolute,固定在右边。

现在习惯用flex,flex,并排的两个层会自动自适应高度

END
零分站龄17年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
2517
文章
13
分类
3818
标签
3
友链
onlinelovesky317355746vipsever@vip.qq.com