html5中如何实现div布局与table布局

这篇文章主要介绍了html5中如何实现div布局与table布局，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

具体内容如下

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

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

                                
          
头部
          
内容菜单
          
内容主体
          
底部
      
    

效果图：

table布局：

                          
          
              
这是头部
          
          
              
左菜单
              
内容
              
右菜单
          
          
              
这是底部
          
      
    

效果图：

感谢你能够认真阅读完这篇文章，希望小编分享的"html5中如何实现div布局与table布局"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!