冰冰的小屋

路漫漫其修远兮,吾将上下而求索

CSS 实现左边 div 固定宽度,右边 div 自适应撑满剩下的宽度


来源:知乎 链接:https://www.zhihu.com/question/37208845/answer/73496709

我个人一般情况下用第一种方法比较简洁;第四种方法比较强大。

(1)使用 float

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

(2)使用 table

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

(3)用 div 模拟 table

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

(4)使用 flex

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

效果图:(在以上样式基础上,我又加了高度和边框,才能看到下面的样子。。。)

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注