div加css布局比table布局,css table布局

　　本文实例为大家解析了html5部门布局与桌子布局，供大家参考，具体内容如下

　　div布局：html css实现简单布局。

　　#容器中高度不能写成百分数，必须为具体高度。

　　！文档类型html html head lang= en meta charset= UTF-8 标题分区布局/title style type= text/CSS body { margin:0；填充：0;} #容器{宽度：100%;高度：650像素背景色：浅绿色；} #标题{宽度：100%;身高：10%;背景色：天蓝色；} #内容-菜单{宽度：30%;身高：80%;背景色：黄绿色；浮动：左；} #内容-正文{宽度：70%;身高：80%;背景色：巧克力色；浮动：左；} #页脚{宽度：100%;身高：10%;背景颜色：深灰色；明确：两者都有；}/style/head body div id= container div id= heading 头部/div div id=内容菜单内容菜单/div div id=content-body 内容主体/div div id=页脚底部/div /div /body /html效果图：

　　table布局：

　　！DOCTYPE html html head lang= en meta charset= UTF-8 标题表布局/title/head body margin width= 0px margin height= 0px table width= 100% height= 650 px style= background-color:aqua tr TD colspan= 3 width= 100% height= 10% style= background-color:黄绿色这是头部/TD/tr tr TD width= 20% height= 80% style=背景色：仿古白左菜单/TD TD width= 60% height= 80% style= background-color:coral 内容/TD TD width= 20% height= 80% style= background-color:玉米花蓝右菜单/TD/tr tr TD colspan=" 3 " width= 100% height= 10% style= background-color:深红色这是底部/td /tr /table /body /html效果图：

　　以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。