亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

span標(biāo)簽里面沒有內(nèi)容，也沒有設(shè)置高度，是不是根據(jù)情況自動設(shè)置個高度

original 2019-04-16 00:12:09 255
abstrait：<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>小米商城</title>    <link rel="icon&

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>小米商城</title>
   <link rel="icon" type="image/x-icon" href="static/images/footlogo.png">
   <link rel="stylesheet" type="text/css"  href="static/font-awesome-4.7.0/css/font-awesome.min.css">
   <link rel="stylesheet" type="text/css"  href="static/css/style.css">

<style>

*{margin:0;padding:0;}
body{background:#f5f5f5;}
li{list-style:none;}
a{text-decoration:none;color:#ccc;cursor:pointer;}
.clearFix:after{clear:both;height:0;display:block;visibility:hidden;content:"";}

.fl{float:left;}

.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_40{margin-top:40px;}
/*頭部*/
.header{background:#333;width:100%;height:40px;}
.menu{width:1226px;height:100%;margin:0 auto;}


/*主體內(nèi)容*/
.contentTop{width:100%;margin:0 auto;padding-bottom:40px;background:white;}
.content{width:1226px;margin:0 auto;}
.contentMenu{height:90px;background:red;}

/*分類和banner圖*/
.contentPic_l{width:240px;height:480px;background:red;}
.contentPic_r{width:986px;height:480px;background:blue;}

/*通道和三個廣告區(qū)*/
.contentPic_ul_1{width:233px;height:170px;float:left;background:yellow;}
.contentPic_ul_0{width:316px;height:170px;margin-left:15px;float:left;}

/*小米閃購*/
.contentShop p{font-size:24px;color:#333;margin-top:25px;}
.contentShop_1,.contentShop_0{width:234px;height:340px;background:blue;float:left;}
.contentShop_0{margin-left:14px;}


.contentImg{height:100px;}


.contentBottom{width:1226px;margin:0 auto;margin-bottom:80px;}
/*手機(jī)*/
.contentUL p{font-size:24px;color:#333;margin-top:40px;}
.contentPhine_l{width:234px;height:614px;background:url(../images/buy/手機(jī)AD.jpg);}
.contentPhine_r{width:992px;}
.contentPhine_r div{width:234px;height:300px;margin-left:14px;margin-bottom:14px;float:left;background:yellow;}
/*家電*/
.contentPhine .contentPhine_0,.contentPhine .contentPhine_1{width:234px;height:300px;margin-left:14px;margin-bottom:14px;float:left;background:blue;}
.contentPhine .contentPhine_0{margin-left:0;}
.contentPhine_1_t,.contentPhine_1_b{width:234px;height:143px;margin-bottom:14px;background:yellow;}

/*底部*/
.footer_top{width:100%;margin:0 auto;background:white;}
/*first*/
.footer_ul{width:1226px;height:100%;margin:0 auto;}
.footer_li{height:80px;line-height:80px;margin:0 auto;text-align:center;border-bottom:1px solid #e0e0e0;}
.footer_li a{font-size:16px;color:#616161;}
.footer_li a i{font-size:20px;color:#616161;margin-right:10px;}
.footer_li span{border-left:1px solid #e0e0e0;margin:0 56px;}
/*second*/
.footer_li_2{padding:40px 0;}
.footer_li_2 dl{float:left;margin-right:103px;}
.footer_li_2 dt{font-size:14px;line-height:14px;color:#424242;margin-bottom:26px;}
.footer_li_2 dd{margin-bottom:10px;}
.footer_li_2 dd a{font-size:12px;color:#757575;}
.footer_li_2 dd a:hover{color:#ff6700;}
.footer_li_2 .connect{width:263px;float:left;border-left:1px solid #e0e0e0;text-align:center;}
.telephone{color:#ff6700;font-size:22px;line-height:22px;margin-bottom:5px;}
.time{color:#616161;font-size:12px;}
.connect button{width:118px;height:28px;font-size:12px;line-height:28px;border:1px solid #ff6700;background:white;margin-top:20px;color:#ff6700;}
.connect button:hover{background:#ff6700;color:white;}
.connect button span{margin-right:5px;}

.footer_bottom{width:1226px;margin:0 auto;padding:40px 0;}
.footer_bottom_img{padding-right:10px;float:left;}
.footer_bottom_ul{float:left;}
.footer_bottom_ul_1 li{float:left;}
.footer_bottom_ul_1 li a{color:#757575;font-size:12px;}
.footer_bottom_ul_1 li a:hover{color:#ff6700;}
.footer_bottom_ul_1 li span{border-right:1px solid #757575;margin:0 8px;display:inline-block;height:12px;position:relative;top:2px;}
.footer_bottom_ul_2 a,.footer_bottom_ul_2 span{font-size:12px;color:#b0b0b0;margin-right:5px;}
.footer_bottom_ul_2 a:hover{color:#ff6700;}
.footer_bottom_logo img{width:83px;margin-top:5px;}
.bestBottom{width:1226px;font-size:20px;margin:0 auto;position:relative;top:-20px;text-align:center;
             font-family:楷體;color:#ccc;}

</style>
</head>
<body>
<!--頭部-->
<div class="header">
 <div class="menu"></div>
</div>

<!--主題內(nèi)容-->
<div class="contents">
 <div class="contentTop">
   <div class="content">
     <div class="contentMenu"></div>

     <!--分類和banner圖-->
<div class="contentPic mt_20 clearFix">
       <div class="contentPic_l fl"></div>
       <div class="contentPic_r fl"></div>
     </div>

     <!--通道和三個廣告區(qū)-->
<div class="contentPic_ul mt_20 clearFix">
       <div class="contentPic_ul_1"></div>
       <div class="contentPic_ul_0" style="background:url(static/images/midAD1.jpg) no-repeat"></div>
       <div class="contentPic_ul_0" style="background:url(static/images/midAD2.jpg) no-repeat"></div>
       <div class="contentPic_ul_0" style="background:url(static/images/midAD3.jpg) no-repeat"></div>
     </div>

     <!--小米閃購-->
<div class="contentShop">
       <p class="title">小米閃購</p>
       <div class="contentShop_box mt_15 clearFix">
         <div class="contentShop_1" style="border-top:1px solid red;"></div>
         <div class="contentShop_0" style="border-top:1px solid orange;"></div>
         <div class="contentShop_0" style="border-top:1px solid yellow;"></div>
         <div class="contentShop_0" style="border-top:1px solid blue;"></div>
         <div class="contentShop_0" style="border-top:1px solid green;"></div>
       </div>
     </div>
     <div class="contentImg mt_20" style="background:url(static/images/longAD1.jpg) no-repeat"></div>
   </div>
 </div>


 <div class="contentBottom">
   <!--手機(jī)-->
<div class="contentUL mt_40">
     <p>手機(jī)</p>
     <div class="contentUL_r"></div>
   </div>
   <div class="contentPhine mt_20 clearFix">
     <div class="contentPhine_l fl"></div>
     <div class="contentPhine_r fl">
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
       <div></div>
     </div>
   </div>
   <div class="contentImg mt_40" style="background:url(static/images/longAD2.jpg) no-repeat"></div>
   <!--家電-->
<div class="contentUL mt_40">
     <p>家電</p>
     <div class="contentUL_r"></div>
   </div>
   <div class="contentPhine mt_20 clearFix">
     <div class="contentPhine_0" style="background:url(static/images/buy/家電AD1.jpg)"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_0" style="background:url(static/images/buy/家電AD2.jpg)"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1">
       <div class="contentPhine_1_t"></div>
       <div class="contentPhine_1_b"></div>
     </div>
   </div>
   <div class="contentImg mt_40" style="background:url(static/images/longAD3.jpg) no-repeat"></div>
   <!--智能-->
<div class="contentUL mt_40">
     <p>智能</p>
     <div class="contentUL_r"></div>
   </div>
   <div class="contentPhine mt_20 clearFix">
     <div class="contentPhine_0" style="background:url(static/images/buy/智能AD1.jpg)"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_0" style="background:url(static/images/buy/智能AD2.jpg)"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1"></div>
     <div class="contentPhine_1">
       <div class="contentPhine_1_t"></div>
       <div class="contentPhine_1_b"></div>
     </div>
   </div>
   <div class="contentImg mt_40" style="background:url(static/images/longAD4.jpg) no-repeat"></div>
 </div>
</div>

<!--底部-->
<div class="footers">
 <div class="footer_top">
   <div class="footer_ul">
     <div class="footer_li">
       <a href="#"><i class="fa fa-wrench"></i>預(yù)約維修服務(wù)</a><span></span>
       <a href="#"><i class="fa fa-rotate-right"></i>7天無理由退貨</a><span></span>
       <a href="#"><i class="fa fa-refresh"></i>15天免費(fèi)換貨</a><span></span>
       <a href="#"><i class="fa fa-gift"></i>滿150元包郵</a><span></span>
       <a href="#"><i class="fa fa-map-marker"></i>520余建售后網(wǎng)點(diǎn)</a>
     </div>
     <div class="footer_li_2 clearFix">
       <dl>
         <dt>幫助中心</dt>
         <dd><a href="">賬戶管理</a></dd>
         <dd><a href="">購物指南</a></dd>
         <dd><a href="">訂單操作</a></dd>
       </dl>
       <dl>
         <dt>服務(wù)支持</dt>
         <dd><a href="">售后服務(wù)</a></dd>
         <dd><a href="">自助服務(wù)</a></dd>
         <dd><a href="">相關(guān)下載</a></dd>
       </dl>
       <dl>
         <dt>線下門店</dt>
         <dd><a href="">小米之家</a></dd>
         <dd><a href="">服務(wù)網(wǎng)點(diǎn)</a></dd>
         <dd><a href="">授權(quán)體驗店</a></dd>
       </dl>
       <dl>
         <dt>關(guān)于小米</dt>
         <dd><a href="">了解小米</a></dd>
         <dd><a href="">加入小米</a></dd>
         <dd><a href="">投資者關(guān)系</a></dd>
       </dl>
       <dl>
         <dt>關(guān)注我們</dt>
         <dd><a href="">新浪微博</a></dd>
         <dd><a href="">官方微信</a></dd>
         <dd><a href="">聯(lián)系我們</a></dd>
       </dl>
       <dl>
         <dt>特色服務(wù)</dt>
         <dd><a href="">F碼通道</a></dd>
         <dd><a href="">禮物碼</a></dd>
         <dd><a href="">防偽查詢</a></dd>
       </dl>
       <div class="connect">
         <p class="telephone">400-100-5675</p>
         <p class="time">周一至周日 8:00-18:00<br>(僅收市話費(fèi))</p>
         <button><span class="fa fa-commenting"></span>聯(lián)系客服</button>
       </div>
     </div>
   </div>
 </div>
 <div class="footer_bottom clearFix">
   <img class="footer_bottom_img" src="static/images/footlogo.png">
   <div class="footer_bottom_ul clearFix">
     <ul class="footer_bottom_ul_1 clearFix">
       <li><a href="#">小米商城</a><span></span></li>
       <li><a href="#">MIUI</a><span></span></li>
       <li><a href="#">米家</a><span></span></li>
       <li><a href="#">米聊</a><span></span></li>
       <li><a href="#">多看</a><span></span></li>
       <li><a href="#">游戲</a><span></span></li>
       <li><a href="#">路由器</a><span></span></li>
       <li><a href="#">米粉卡</a><span></span></li>
       <li><a href="#">政企服務(wù)</a><span></span></li>
       <li><a href="#">小米天貓店</a><span></span></li>
       <li><a href="#">隱私政策</a><span></span></li>
       <li><a href="#">商城用戶協(xié)議</a><span></span></li>
       <li><a href="#">賬號協(xié)議</a><span></span></li>
       <li><a href="#">問題反饋</a><span></span></li>
       <li><a href="#">廉政舉報</a><span></span></li>
       <li><a href="#">誠信合規(guī)</a><span></span></li>
       <li><a href="#">Select Region</a></li>
     </ul>
     <div class="footer_bottom_ul_2">
       <span>?</span><a href="#">mi.com</a><span>京ICP證110507號</span><a>京ICP備10046444號</a><a>京網(wǎng)文[2017]1530-131號 </a>
     </div>
     <div class="footer_bottom_ul_2">
       <a href="#">（京）網(wǎng)械平臺備字（2018）第00005號</a><a>互聯(lián)網(wǎng)藥品信息服務(wù)資格證 (京) -非經(jīng)營性-2014-0090</a><a>營業(yè)執(zhí)照</a><a>醫(yī)療器械公告</a>
     </div>
     <div class="footer_bottom_ul_2">
       <a href="#">增值電信業(yè)務(wù)許可證</a><span> 網(wǎng)絡(luò)食品經(jīng)營備案（京）【2018】WLSPJYBAHF-12</span><a>食品經(jīng)營許可證 </a>
     </div>
     <div class="footer_bottom_ul_2">
       <span>違法和不良信息舉報電話：185-0130-1238</span><a>知識產(chǎn)權(quán)侵權(quán)投訴</a><span>本網(wǎng)站所列數(shù)據(jù)，除特殊說明，所有數(shù)據(jù)均出自我司實驗室測試</span>
     </div>
     <div class="footer_bottom_logo">
       <img src="static/images/footericon1.png">
       <img src="static/images/footericon2.png">
       <img src="static/images/footericon3.png">
       <img src="static/images/footericon4.png">
       <img src="static/images/footericon5.png">
     </div>
   </div>
 </div>
 <div class="bestBottom">探索黑科技，小米為發(fā)燒而生</div>
</div>
</body>
</html>

Professeur correcteur：查無此人Temps de correction：2019-04-16 09:13:24
Résumé du professeur：完成的不錯。js可以根據(jù)文字，進(jìn)行設(shè)置高度。但是沒必要，文字太多，高度長的話，影響之前的樣式。給個固定值比較好。

Notes de version

Entrées populaires