標籤：ima index http idt foo lin repeat cdn 導航
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>手機 底部 導覽列</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script><title>手機站常用的底部導航條，寬度自適應</title><style>body,ul,li,span,p,b,strong,h1,h2,h3,h4,h5,h6,dl,dt,dd,form{margin:0px;padding:0px;}body{font-size:12px;color:#666666;}a{text-decoration:none;color:#666666;}a:hover{text-decoration:underline;color:#FF0000;}#position{height:56px;background:#227bd6;padding-top:8px;position:fixed;bottom:0px;left:0px;width:100%;z-index:999;overflow:hidden;}#position dd{width:20%;text-align:center;float:left;background:url(/demo/20140929/002/images/foot_bg.jpg) repeat-y right top;overflow:hidden;}#position dd font{display:block;padding-top:8px;}#position dd a{color:#FFF;text-decoration:none;}#blank{height:64px;}</style> </head><body><div style=‘height:6000px;‘><h1>989898</h1><p>11111111111111</p><dl id="position"> <dd><a href="/"><img src="/demo/20140929/002/images/foot_img1.jpg"><font>網站首頁</font></a></dd> <dd><a href="#"><img src="/demo/20140929/002/images/foot_img2.jpg"><font>線上諮詢</font></a></dd> <dd><a href="#"><img src="/demo/20140929/002/images/foot_img4.jpg"><font>電話諮詢</font></a></dd> <dd><a href="#"><img src="/demo/20140929/002/images/foot_img3.jpg"><font>預約挂號</font></a></dd> <dd><a href="#"><img src="/demo/20140929/002/images/foot_img5.jpg"><font>醫院地址</font></a></dd></dl></div></body></html>
手機站常用的底部導航條，寬度自適應
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
