如何通过 CSS 实现一个左边固定宽度,右边自适应的两列布局
发布网友
发布时间:2022-04-06 11:46
我来回答
共1个回答
热心网友
时间:2022-04-06 13:16
通过绝对定位实现
See the Pen absolute-two-column by xal821792703 (@honoka) on CodePen.
注意点如下:
需要套一个“positioned”的父元素 div-a 绝对定位,并将位置调整为浏览器左上角 div-b margin-left 属性值为 div-a 的宽度(因为 div-a 绝对定位已经脱离文档流,故不设定为 div-a 宽度的话,会相互覆盖) div-c 绝对定位并将位置调整为正下方 需要自适应的 div 均设定宽度为100%