求大神看看 百度的下面 footer部分一直不能對其 求不吝賜教?。。?！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ? ?
<html xmlns="http://www.w3.org/1999/xhtml"> ? ?
<head> ? ?
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ? ?
<title>百度</title> ? ?
<style type="text/css"> ? ?
*{margin:o;padding:o;} ? ?
#header{ ? ?
width:100%; ? ?
height:90px; ? ?
background:#FFF; ? ?
} ? ?
#wrap{ ? ?
width:640px; ? ?
height:502px; ? ?
margin:0 auto; ? ?
} ? ?
#mainbody{ ? ?
height:392px; ? ?
} ? ?
#footer{ ? ?
height:110px; ? ?
} ? ?
.btn1{ ? ?
font-size:13px; ? ?
font-family:Arial, Helvetica, sans-serif; ? ?
font-style:normal; ? ?
background:#3388ff; ? ?
height:24px; ? ?
width:61px; ? ?
border:none; ? ?
color:#FFF; ? ?
} ? ?
#header ul li{ ? ?
display:inline; ? ?
font-size:13px; ? ?
font-family:Arial, Helvetica, sans-serif; ? ?
font-style:normal; ? ?
margin-right:13px; ? ?
} ? ?
#header ul{ ? ?
display:inline ? ?
} ? ?
.head-rigt{ ? ?
float:right; ? ?
margin-top:12px; ? ?
} ? ?
.imag1{ ? ?
display: block; ? ?
margin:0 auto; ? ?
} ? ?
.text_btn{ ? ?
margin-top:40px; ? ?
margin-left:opx; ? ?
margin-right:opx; ? ?
} ? ?
.inp-text{ ? ?
height:35px; ? ?
width:536px; ? ?
margin-right:0; ? ?
} ? ?
.btn2{ ? ?
height:41px; ? ?
width:100px; ? ?
background:#3388ff; ? ?
color:#FFF; ? ?
border:none; ? ?
float:right; ? ?
font-size:14px; ? ?
} ? ?
#footer ul li{ ? ?
display:inline; ? ?
margin-right:16px; ? ?
font-size:13px; ? ?
font-family:Arial, Helvetica, sans-serif; ? ?
font-style:normal; ? ?
} ? ?
#footer p{ ? ?
display:inline; ? ?
font-size:12px; ? ?
font-family:Arial, Helvetica, sans-serif; ? ?
font-style:normal; ? ?
color:#999; ? ?
} ? ?
.img_a{ ? ?
height:110px; ? ?
width:280px; ? ?
float:left ? ?
} ? ?
.img_b{ ? ?
height:62px; ? ?
width:329px; ? ?
float:right; ? ?
} ? ?
.imag3{ ? ?
float:right; ? ?
} ? ?
.list{ ? ?
display: inline; ? ?
margin-left:0; ? ?
margin-top:0; ? ?
} ? ?
.li_1{ ? ?
margin-top:0px; ? ?
margin-right: 15px; ? ?
? ?
float:left;} ? ?
.li_2{ ? ?
margin-top:0px; ? ?
float:left;} ? ?
.li_3{ ? ?
margin-top:0px; ? ?
margin-right: opx; ? ?
float:left;} ? ?
.imag_5{ ? ?
margin-left:0px; ? ?
} ? ?
</style> ? ?
</head> ? ?
<body> ? ?
<div id="header"> ? ?
<div class="head-rigt"> ? ?
<ul style="list-style:none"> ? ?
<li><a href="" style="color:#000"><b>糯米</b></a></li> ? ?
<li><a href="" style="color:#000"><b>新聞</b></a></li> ? ?
<li><a href="" style="color:#000"><b>hao123</b></a></li> ? ?
<li><a href="" style="color:#000"><b>地圖</b></a></li> ? ?
<li><a href="" style="color:#000"><b>視頻</b></a></li> ? ?
<li><a href="" style="color:#000"><b>貼吧</b></a></li> ? ?
<li><a href="" style="color:#000">登陸</a></li> ? ?
<li><a href="" style="color:#000">設置</a></li> ? ?
</ul> ? ?
<input class="btn1" type="button" name="button" value="更多產品"/> ? ?
</div> ? ?
</div> ? ?
<div id="wrap"> ? ?
<div id="mainbody"> ? ?
<p><img class="imag1" src="http://a1.qpic.cn/psb?/V11thZ482kgMZt/B7eCVcDU95LVHagV8p6p*bG8*4d7mdZR7yM5.ulohug!/m/dKwAAAAAAAAAnull&bo=WQFGAAAAAAABBz4!&rf=photolist&t=5" alt=""/> ? ?
<div class="text_btn"> ? ?
<input class="inp-text" type="text" name="" value=""/> ? ?
<input class="btn2" type="submit" value="百度一下"/> ? ?
</div> ? ?
</div> ? ?
<div id="footer"> ? ?
<div class="img_a"> ? ?
<img src="http://a1.qpic.cn/psb?/V11thZ482kgMZt/Zb2dU1UvUOvUDP7FjDpRGUP0g3DOi4Pb5Nu3T6Wz9hw!/m/dKwAAAAAAAAAnull&bo=egA*AAAAAAABB2U!&rf=photolist&t=5" alt="加載失敗"/> ? ?
<img class="imag3" src="http://a1.qpic.cn/psb?/V11thZ482kgMZt/ZqI58U6Ra3th4g2V7OEuIVQCUA3MUFZqQatI9xXs0Ps!/m/dKAAAAAAAAAAnull&bo=eQA*AAAAAAABB2Y!&rf=photolist&t=5" alt="加載失敗"/> ? ?
</div> ? ?
<div class="img_b"> ? ?
<ul class="list" style="list-style:none"> ? ?
<li class="li_1"><a href="" style="color:#999">把百度設為首頁</a></li> ? ?
<li class="li_2"><a href="" style="color:#999">關于百度</a></li> ? ?
<li class="li_3"><a href="" style="color:#999">About baidu</a></li> ? ?
</ul> ? ?
<p>@2016 Baidu 使用<a href="" style="color:#999">百度前必讀 意見反饋</a> 京ICP證030173號</p><img src="http://a3.qpic.cn/psb?/V11thZ482kgMZt/iv*Hh6AxHBA0x0h4WdSirtEIcvy06iVkNMwyOuiwHzE!/m/dKoAAAAAAAAAnull&bo=DgARAAAAAAADBz0!&rf=photolist&t=5" alt=""/> ? ?
<img class="imag_5" src="http://a1.qpic.cn/psb?/V11thZ482kgMZt/594F2Omh7eQNSJxdYgJa1AdnP6m*.UfGYOsDIJbyAUg!/m/dKwAAAAAAAAAnull&bo=vwASAAAAAAABB40!&rf=photolist&t=5" alt=""/> ? ?
</div> ? ?
</div> ? ?
</div> ? ?
</body> ? ?
</html> ? ?
2016-08-01
.list{???? /*display:?inline;????*/ margin-left:0;???? margin-top:0;? position:?relative;??? }???? .li_1{???? margin-top:0px;???? margin-right:?15px;???? float:left; position:absolute; left:?0; }???? .li_2{???? margin-top:0px;???? float:center; position:?absolute; left:130px; }???? .li_3{???? margin-top:0px;???? margin-right:?opx;???? float:right; position:?absolute; right:0; }???? .imag_5{???? margin-left:0px;???? }如果題主的問題說的是百度頁面右下角那兒對不齊的問題，那么我在題主的代碼上加了幾句，用的是剛學的12-9relative和absolute的組合應用。。讓那3個li全部相對于list做的偏移
題主解決問題時候，可以使用瀏覽器F12功能，查找出問題所在，然后解決問題