常见的布局实现,如弹性布局,两列、三列布局

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常见的布局实现,如弹性布局,两列、三列布局相关的知识,希望对你有一定的参考价值。

参考技术A 一列固定宽度,另一列自适应宽度
如下图所示:第一列固定宽度200px,第二列自适应。

边上两列固定宽度,中间自适应
注意html的写法,左右两列,也就是1,3列应该写在一起,中间列写在最后

效果同上

以上是关于常见的布局实现,如弹性布局,两列、三列布局的主要内容,如果未能解决你的问题,请参考以下文章

两列自适应布局及三列自适应布局

CSS 常见两列布局三列布局

flex 弹性布局

弹性盒子

常见的布局实现,以及响应式布局技巧。

常用布局的实现(两列布局三列适应布局,两列等高适应布局等)