CSS 布局实现左边固定宽度,右边占满剩余宽度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS 布局实现左边固定宽度,右边占满剩余宽度相关的知识,希望对你有一定的参考价值。

参考技术A 浮动是最普遍实现的方式,但 css 浮动的初衷并不是用于布局的,所以浮动布局迟早会被淘汰,应该作为备选方式使用。

绝对定位方式有个缺点,当左边高于右边时,左边会超出父元素,需要使用 js 补救。

flex 是最鼓励使用的方式,低端 IE 不支持,但在移动端得到了广泛的使用。

以上是关于CSS 布局实现左边固定宽度,右边占满剩余宽度的主要内容,如果未能解决你的问题,请参考以下文章

如何通过 CSS 实现一个左边固定宽度右边自适应的两列布局

css 两列布局 右边固定 左边可伸缩 但是有最小宽度 如何实现?

左右两栏固定宽度,中间自适应布局的5种方案

flex布局 一侧固定宽度 一侧自适应

如何通过 CSS 实现一个左边固定宽度 右边自适应的两列布局

两栏布局必掌握实现方式(超简单)