<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>抽屉新热榜-聚合每日热门、搞笑、有趣资讯</title> <style> *{margin:0} .header{ margin: 0 auto; /*设置头部最外层 */ background-color: #2459a2 ; width:100%; height: 44px;} .header_media{ /*设置头部最中间位置居中，两侧留白 */ margin:0 auto; width: 1016px; height: 44px;} .meu_l{color:cornsilk; float: left;display: inline-block;margin:7px 15px } .meu_r{color:cornsilk;float: right;display: inline-block;margin:7px 15px} #img{width: 121px ; height: 23px; background: url("logo.png") no-repeat 0 0;} </style> </head> <body> <div class="header"> <!--.1级div 开始栏--> <div class="header_media"> <div class="meu_l"> <div class="meu_l" id="img"></div> <div class="meu_l" >全部</div> <div class="meu_l">42区</div> <div class="meu_l">图片</div> <div class="meu_l">挨踢1024</div> <div class="meu_l">你问我答</div> </div> <div class="meu_r"> <from class="meu_r"><input style="100px" height="31px" type="test" name="username"></from> <div class="meu_r">登录</div> <div class="meu_r" id="regest">注册</div> </div> </div> </div> <!--.1级div 文本栏 --> <div class="big_context" style="1016px;height:2825px;background:darkgray;margin:0 auto;word-spacing:-10px"> <!--.1级div 文本栏的左侧 --> <div class="big_context_left" style="716px;height:2828px;background-color:lavender;display:inline-block"> </div> <!--.1级div 文本栏的右侧 --> <div class="big_context_left" style=" 300px;height: 2828px;background-color:blue;display:inline-block"> </div> </div> </body> </html>