綜合練習(xí)~~
為什么在仨張照片并排的時(shí)候，最后一張照片沒(méi)辦法上去？？？？寬度改了還是沒(méi)辦法。還有就是新聞中心那幾行怎么沒(méi)有浮動(dòng)起來(lái)呢？謝謝~~求大神看看幫我解決下~~~
楊小寧
2015-08-26
2 回答
舉報(bào)
0/150
提交
取消
2015-08-26
在html里加了一些style，你自己整理一下吧
2015-08-26
<!DOCTYPE HTML>
<html>
? <head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
? ? <title>無(wú)標(biāo)題文檔</title>
? ? <link rel="style/sheet" href="main.css" type="text/css">
? </head>
??
? <body>
? <div class="wrap">
? <div class="title">
? ? ? <div class="title_left">
? ? ? ? ? <img src="http://img1.sycdn.imooc.com//53edadad0001efe202000070.jpg" width=150px height="50px">
? ? ? </div><!--title_left結(jié)束-->
? ? ? <div class="title_right">
? ? ? ? ? <ul>
? ? ? ? ? ? ? <li><a href="#">首頁(yè)</a></li>
? ? ? ? ? ? ? <li><a href="#">產(chǎn)品介紹</a></li>
? ? ? ? ? ? ? <li><a href="#">解決方案</a></li>
? ? ? ? ? ? ? <li><a href="#">產(chǎn)品價(jià)格</a></li>
? ? ? ? ? ? ? <li><a href="#">幫助中心</a></li>
? ? ? ? ? ? ? <li><a href="#">關(guān)于我們</a></li>
? ? ? ? ? </ul>
? ? ? </div><!--title_right結(jié)束-->
? </div><!--title結(jié)束-->
? <div class="main">
? ? ? <div class="main_up">
? ? ? ? ? <img class="pic" src="http://img1.sycdn.imooc.com//53edad2c0001b61310000314.jpg">
? ? ? </div><!--main_up結(jié)束-->
? ? ? <div class="main_mid">
? ? ? ? ? <div class="main_mid_up">
? ? ? ? ? ? ? <span><a href="#">滾動(dòng)新聞</a></span>
? ? ? ? ? ? ? <span><a href="#">這是滾動(dòng)新聞</a></span>
? ? ? ? ? </div><!--main_mid_up結(jié)束-->
? ? ? ? ? <div class="main_mid_down" style="height:166px;">
? ? ? ? ? ? ? <div class="main_mid_down_pic1" style="margin-right:0;">
? ? ? ? ? ? ? ? ? <div class="pic1">
? ? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg">
? ? ? ? ? ? ? ? ? </div><!--pic1結(jié)束-->
? ? ? ? ? ? ? ? ? <div class="text1">
? ? ? ? ? ? ? ? ? ? ? <span><strong>玩轉(zhuǎn)bootstrap</strong></span>
? ? ? ? ? ? ? ? ? </div><!--text1結(jié)束-->
? ? ? ? ? ? ? </div><!--main_mid_down_pic1結(jié)束-->
? ? ? ? ? ? ? <div class="main_mid_down_pic2" style="float:left">
? ? ? ? ? ? ? ? ? <div class="pic2">
? ? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg">
? ? ? ? ? ? ? ? ? </div><!--pic2結(jié)束-->
? ? ? ? ? ? ? ? ? <div class="text2">
? ? ? ? ? ? ? ? ? ? ? <span><strong>企業(yè)網(wǎng)站實(shí)戰(zhàn)</strong></span>
? ? ? ? ? ? ? ? ? </div><!--text2結(jié)束-->
? ? ? ? ? ? ? </div><!--main_mid_down_pic2結(jié)束-->
? ? ? ? ? ? ? <div class="main_mid_down_pic3" style="float:left">
? ? ? ? ? ? ? ? ? <div class="pic3">
? ? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg">
? ? ? ? ? ? ? ? ? </div><!--pic3結(jié)束-->
? ? ? ? ? ? ? ? ? <div class="text3">
? ? ? ? ? ? ? ? ? ? ? <span><strong>JavaScript</strong></span>
? ? ? ? ? ? ? ? ? </div><!--text3結(jié)束-->
? ? ? ? ? ? ? </div><!--main_mid_down_pic3結(jié)束-->
? ? ? ? ? </div><!--main_mid_down結(jié)束-->
? ? ? </div><!--main_mid結(jié)束-->
? ? ? <div class="main_down">
? ? ? ? ? <div class="content1" style="float:left">
? ? ? ? ? ? ? <h2 style="width:303px;">新聞中心</h2>
? ? ? ? ? </div><!--content1結(jié)束-->
? ? ? ? ? <div class="content2" style="float:left">
? ? ? ? ? ? ? <h2 style="width:303px;">熱門活動(dòng)</h2>
? ? ? ? ? </div><!--content2結(jié)束-->
? ? ? ? ? <div class="content3" style="float:left">
? ? ? ? ? ? ? <h2 style="width:303px;">加入我們</h2>
? ? ? ? ? </div><!--content3結(jié)束-->
? ? ? ? ? <div style="clear:both"></div>
? ? ? </div><!--main_down結(jié)束-->
? </div><!--main結(jié)束-->
? <div class="copyright">
? ? ?Copyright @ 2013 immoc.com All Rights Reserved 京ICP備 13046642號(hào)-2
? </div><!--copyright結(jié)束-->
? </div><!--wrap結(jié)束-->
? </body>
</html>