Detailed explanation of html5 div layout and table layout

The example of this article analyzes the html5 p layout and table layout for your reference. The specific content is as follows

p layout:html+css implements simple layout.

#The height in container cannot be written as a percentage, it must be a specific height.

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

Rendering:



##table layout:

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

Rendering:




##The above is the detailed explanation of html5 div layout and table layout , for more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!