<!DOCTYPE html><html><head>? <meta charset="UTF-8">? <title></title>? <style type="text/css">? ? /*此處寫代碼*/? ? *{padding:0;margin:0;}? ? .div{width:1200x;font-family:"微軟雅黑";}? ? .header{margin:0 auto;width:1200px;height:60px;background-color:#000000;}? ? .logo{float:left;height:100px;}? ? .logo img{width:180px;height:60px;margin:0px;}? ? .nav{float:right;height:60px;text-align:center;}? ? .nav ul{margin:5px;}? ? .nav ul li{list-style-type:none;display:inline;}? ? .nav ul li a{font-size:20px;padding:5px 10px;line-height:50px;text-decoration:none;color:red;}? ? .content{margin:0 auto;width:900px;height:800px;}? ? .left{width:550px;height:800px;float:left;background-color:#9aa5cc;}? ? .left h2{margin:30px 10px 10px 30px;}? ? .left ul{margin:10px 10px 10px 30px;}? ? .left ul li{list-style-type:none;font-size:16px;line-height:30px;}? ? .right{width:650px;height:800px;float:right;background-color:#9aa5aa;}? ? .right h2{margin:30px 10px 10px 30px;}? ? .right ul{margin:10px 10px 10px 30px;}? ? .right ul li{list-style-type:none;font-size:16px;line-height:30px;}? ? .footer{margin:0 auto;width:1200px;background-color:#000000;height:60px;}? ? .footer ul li{list-style-type:none;display:inline;line-height:50px;font-size:20px;color:red;margin:0 10px;text-align:center;}? </style></head><body>? <!-- 此處寫代碼 -->? <div class="div">? ? ? <div class="header">? ? ? ? ? <div class="logo">? ? ? ? ? ? ? <img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/>? ? ? ? ? </div>? ? ? ? ? <div class="nav">? ? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? ? <li><a href="#">課程</a></li>? ? ? ? ? ? ? ? ? <li><a href="#">職業(yè)路徑</a></li>? ? ? ? ? ? ? ? ? <li><a href="#">實(shí)戰(zhàn)</a></li>? ? ? ? ? ? ? ? ? <li><a href="#">猿問</a></li>? ? ? ? ? ? ? ? ? <li><a href="#">手記</a></li>? ? ? ? ? ? ? </ul>? ? ? ? ? </div>? ? ? </div>? ? ? <div class="content">? ? ? ? ? <div class="left">? ? ? ? ? ? ? <h2>課程推薦</h2>? ? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? ? <li>HTML</li>? ? ? ? ? ? ? ? ? <li>CSS</li>? ? ? ? ? ? ? ? ? <li>JAVA</li>? ? ? ? ? ? ? ? ? <li>JavaScrip</li>? ? ? ? ? ? ? </ul> ? ? ?? ? ? ? ? </div>? ? ? ? ? <div class="right">? ? ? ? ? ? ? <h2>相關(guān)課程</h2>?? ? ? ? ? ? ? <ul>? ? ? ? ? ? ? ? ? <li>HTML5</li>? ? ? ? ? ? ? ? ? <li>CSS3</li>? ? ? ? ? ? ? ? ? <li>JAVA</li>? ? ? ? ? ? ? ? ? <li>JavaScrip</li>? ? ? ? ? ? ? </ul>? ? ? ? ? </div>? ? ? </div>? ? ? <div class="footer">? ? ? ? ?<ul>? ? ? ? ? ? ? <li>網(wǎng)站首頁</li>? ? ? ? ? ? ? <li>合作企業(yè)</li>? ? ? ? ? ? ? <li>人才招聘</li>? ? ? ? ? ? ? <li>聯(lián)系我們</li>? ? ? ? ? ? ? <li>友情鏈接</li>? ? ? ? ?</ul>?? ? ? </div>? </div></body></html>
3 回答
腦袋空空空想家
TA貢獻(xiàn)42條經(jīng)驗(yàn) 獲得超49個贊
content的width比left+right的寬度小，所以right被擠下去了，就算你設(shè)置了浮動也沒用
添加回答
舉報(bào)
0/150
提交
取消