欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html多列布局

程序员文章站 2022-04-25 16:30:07
...
两列定宽

html多列布局


两列布局
side
main

html多列布局

main向 左浮动 ,side向右浮动。

main定宽660px, side定宽300px

在main和side 元素的父元素上加 clearfix,用来『清除浮动』,这样后续的元素就不会受到 main和side『浮动动作』的影响。

定宽+自适应

html多列布局

不定宽+自适应

html多列布局

多列不定宽

html多列布局

等宽

html多列布局