Để tạo bố cục cột,
Đặt lề và phần đệm của tài liệu hoàn chỉnh như sau
<style> <!-- body { margin:9px 9px 0 9px; padding:0; background:#FFF; } --> </style>
Xác định cột có màu vàng và sau đó, chúng tôi sẽ đính kèm quy tắc này vào
-
<style> <!-- #level0 { background:#FC0; } --> </style>
Bây giờ chúng ta hãy xác định một bộ phận khác bên trong level0 -
<style> <!-- #level1 { margin-left:143px; padding-left:9px; background:#FFF; } --> </style>
Lồng một bộ phận nữa và mã hoàn chỉnh sẽ như thế này -
<style> body { margin:9px 9px 0 9px; padding:0; background:#FFF; } #level0 {background:#FC0;} #level1 { margin-left:143px; padding-left:9px; background:#FFF; } #level2 {background:#FFF3AC;} #level3 { margin-right:143px; padding-right:9px; background:#FFF; } #main {background:#CCC;} </style> <body> <div id="level0"> <div id="level1"> <div id="level2"> <div id="level3"> <div id="main"> Final Content goes here... </div> </div> </div> </div> </div> </body>