html多列布局

程序员文章站 2022-04-01 20:53:51

...

两列定宽

html多列布局


两列布局
    side
    main

html多列布局

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

main定宽660px, side定宽300px

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

定宽+自适应

html多列布局

不定宽+自适应

html多列布局

多列不定宽

html多列布局

等宽

html多列布局

Flex 布局相关用法_html/css_WEB-ITnose