html多列布局

两列定宽

QQ图片20161101114531.png




    
    两列布局
    

  


    side
    main

QQ图片20161101114531.png

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

main定宽660px, side定宽300px

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

定宽+自适应

QQ图片20161101114531.png

不定宽+自适应

QQ图片20161101114531.png

多列不定宽

QQ图片20161101114531.png

等宽

QQ图片20161101114531.png

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

上一条：HTML列表元素下一条：h5曲线滑动确认

查看更多

相关文章