下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家，也给大家做个参考。
<!doctype html> <html lang="en"> <head> <Meta charset="UTF-8"> <Meta name="Generator" content="EditPlus®"> <Meta name="Author" content=""> <Meta name="Keywords" content=""> <Meta name="Description" content=""> <style text="text/css"> /** 布局 */ body { margin:0px; } #container { width:100%; margin:0 auto;/*主面板DIV居中*/ border:1px solid red; } #header { width:100%; float:left; clear:both; border:1px #F00 solid; } #header_left { width:50%; border:1px #F00 solid; float:left; } #header_right { width:49%; border:1px #F00 solid; float:right; } #main { width:100%; float:left; clear:both; border:1px #F00 solid; } #main_content{ width:100%; border:1px solid blue; } #footer { width:100%; float:left; clear:both; border:1px #F00 solid; } </style> <title>Document</title> </head> <body> <div id="container"> <div id="header"> <div id="header_left"> 头部左侧 </div> <div id="header_right"> 头部右侧 </div> </div> <div id="main"> <div id="main_content"> 主页内容 </div> </div> <div id="footer">底部（footer）</div> </div> </body> </html>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
