H5学习从0到1-H5的布局（10）

两种实现方式：div和table

div实现布局的方式

代码实例

float表示从左往右浮动 clear表示清除

效果图

table布局

代码实例

！！！！注意colspan属性

效果图

感谢阅读

喜欢小编文章的，可以点个订阅，小编都会不停更新文章，分享前端学习知识，以及程序员的趣事！

在这里给大家分享一下，我是一名5年前端工程师，自己根据这几年从事前端的经验，整理一套系统的前端教程（基础+案例+工具），跟大家分享下我的成果，进群：731＋771＋211，群里不停更新最新的教程和学习方法（进群送web前端系统学习路线，详细的前端项目实战教学视频），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。