小白初學(xué) 這個網(wǎng)頁腳部布局一直寫不好，所以來這上面求救，希望各位大神幫忙解決一下謝謝。
這是我寫的HTML的布局 css沒有寫好 這里就不貼上來了。
如果可以的話 希望大神幫忙把HTML布局和CSS布局寫一下 作個參考謝謝。
p class="footer_wrap">
1
1160<p class="footer">
<ul class="text">
<li>公司電話:0731-5815220 公司傳真：4515-585585845</li>
<li>公司地址：湖南省長沙市南門口186號<li>
<li>粵府新函[2001]87號 網(wǎng)絡(luò)視聽許可證1924057號<li>
<li>國際質(zhì)量監(jiān)督舉報電話：0755-83767606<li>
<li>Copyrght @ 1998-2016 Tencent. All Rights Reservd<li>
</ul>
<ul class="beijing">
<li><img src="img/erweima.png"></li>
<li>掃一掃</li>
</ul>
</p> </p>
1
0
0
業(yè)精于勤，荒于嬉;行成于思，毀于隨。
html
<p class="footer">
<p class="container">
<ul class="text">
<li>公司電話:0731-5815220 公司傳真：4515-585585845</li>
<li>公司地址：湖南省長沙市南門口186號</li>
<li>粵府新函[2001]87號 網(wǎng)絡(luò)視聽許可證1924057號</li>
<li>國際質(zhì)量監(jiān)督舉報電話：0755-83767606</li>
<li>Copyrght @ 1998-2016 Tencent. All Rights Reservd</li>
<li>Copyrght @ 1998-2016 Tencent. All Rights Reservd</li>
</ul>
<p class="qr_code">
<img src="http://placehold.it/120x120">
<p>掃一掃</p>
</p>
<p class="clear"></p>
</p>
</p>css
*{margin: 0;padding: 0;list-style: none;}
body{font-family: "微軟雅黑";font-size: 14px;min-width: 1000px;}
.container{width: 1000px;margin: 0 auto;position:relative;}
.footer{width: 100%;background: #686868;color: #ffffff;padding: 30px 0}
.text{float: left;width: 600px;}
.text li{line-height: 30px;}
.clear{clear: both;}
.qr_code{width: 120px;text-align: center;position: absolute;top: 50%;height:145px;margin-top:-72px;right: 0}效果
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號
收藏
