How to layout HTML

This article will give you a detailed explanation about how HTML is layout, Xiaobian feels very practical, so share it for everyone to do a reference, I hope everyone can gain something after reading this article.

    P layout
     Body {margin: 0; Padding: 0;} # Header {width: 100%; Height: 90px; Background: # b19f9d;} #NAV {margin: 0 auto; width: 70%; Height: 90px; Background : #fcf;}. Content {Width: 950px; Height: 900px; Background: # 847369; margin: 0 auto;}. left {width: 30%; Height: 900px; background: # decfd4; float: Left;}. Right {width: 70%; Height: 900px; Background: # b3a19d; float: Left;} footer {Width: 100%; Height: 150px; Background: # a8817a;}         

Div layout

Body {margin: 0; Padding: 0;} #header {width: 100%; Height: 90px; Background: # b19f9d;} #NAV {margin: 0 auto; width: 70%; Height: 90px; Background: #fcf } .content {Width: 950px; background: # 847369; margin: 0 auto;} .left {width: 30%; Height: 900px; Background: # decfd4; float: Left;} .right {Width : 70%; Height: 900px; Background: # b3a19d; float: Left;} footer {width: 100%; Height: 150px; Background: # a8817a;}

  Empty            

             body {margin: 0 auto;} Table {Width: 100% Height: 950px; Background: Gray;} #header {width: 100%; Height: 10%; Background: Aqua;} # Content {Width: 100%; Height: 80%; Background: Blue;} / ** The parent element here is high, and the child element is not necessarily determined, then the property of the table tag is not universal ** /. Content_left {width: 30%; Background: # f60;}. Content_right {width: 70% Background: #fcc;} # Footer {width: 100%; Height: 10%; Background: Aqua;} 
 About how the HTML is to share it here, I hope that the above can help everyone can learn more. If the article is good, you can share it out to let more people see.                      
© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment