通用的網(wǎng)頁底部導(dǎo)航div布局代碼

使用方法：

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>

2、body引入HTML代碼

<div class="footer">
	<div class="other-link clearfix">
		<div class="link-look clearfix">
			<div class="link-list">
				<h3 class="link-title">產(chǎn)品服務(wù)</h3>
				<ul>
					<li>
						<a href="#">云服務(wù)器</a>
					</li>
					<li>
						<a href="#">高防服務(wù)器</a>
					</li>
					<li>
						<a href="#">高防IP</a>
					</li>
					<li>
						<a href="#">云物理機</a>
					</li>
					<li>
						<a href="#">專屬宿主機</a>
					</li>
					<li>
						<a href="#">機柜租用</a>
					</li>
					<li>
						<a href="#">SSL證書</a>
					</li>
					<li>
						<a href="#">彈性IP</a>
					</li>
					<li>
						<a href="#">云硬盤</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">地區(qū)劃分</h3>
				<ul>
					<li>
						<a href="#">香港服務(wù)器</a>
					</li>
					<li>
						<a href="#">美國服務(wù)器</a>
					</li>
					<li>
						<a href="#">德國服務(wù)器</a>
					</li>
					<li>
						<a href="#">日本服務(wù)器</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">快速入口</h3>
				<ul>
					<li>
						<a href="#" target="_blank" class="c_login">控制臺</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">幫助支持</h3>
				<ul>
					<li>
						<a href="#">幫助中心</a>
					</li>
					<li>
						<a href="#">網(wǎng)站備案</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">關(guān)于我們</h3>
				<ul>
					<li>
						<a href="#">關(guān)于網(wǎng)絡(luò)科技</a>
					</li>
					<li>
						<a href="#">客戶案例</a>
					</li>
					<li>
						<a href="#">新聞資訊</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="sucai-contact">
			<div class="bottom-logo">
				<a href="#"></a>
			</div>
			<div class="sucai-companyname">網(wǎng)絡(luò)科技計算有限公司</div>
			<div class="sucai-phone">7*24小時在線電話：400-xxx-2938</div>
			<div class="sucai-qq">7*24小時在線 QQ：800xxxxx</div>
			<div class="erweima-box clearfix">
				<div class="wechat-erwei">
					<div>微信二維碼</div>
					<div class="sucai_wechat"></div>
				</div>
				<div class="phonenet-erwei">
					<div>手機網(wǎng)站二維碼</div>
					<div class="sucai_web"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<p>Copyright ? sucai Cloud Ltd. All Rights Reserved. 2018 版權(quán)所有</p>
		<p><span>網(wǎng)絡(luò)科技計算有限公司</span><span>粵ICP備1709xxxxx號-1
</span><span><span class="police-icon"></span>粵公網(wǎng)安備 000000000000號</span>
		<span>增值電信業(yè)務(wù)經(jīng)營許可證編號：B1-0000000</span></p>
	</div>
</div>