html5 - 脚部布局和CSS布局问题。-PHP Chinese Network Q&A

Article Topic learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

html5 - 脚部布局和CSS布局问题。

迷茫 2017-04-17 14:30:57

893

小白初学这个网页脚部布局一直写不好，所以来这上面求救，希望各位大神帮忙解决一下谢谢。

这是我写的HTML的布局 css没有写好这里就不贴上来了。

如果可以的话希望大神帮忙把HTML布局和CSS布局写一下作个参考谢谢。

p class="footer_wrap">

<p class="footer">
  <ul class="text">
     <li>公司电话:0731-5815220 公司传真：4515-585585845</li>
     <li>公司地址：湖南省长沙市南门口186号<li>
     <li>粤府新函[2001]87号 网络视听许可证1924057号<li>
     <li>国际质量监督举报电话：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>

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

reply all(1)

大家讲道理2017-04-17 14:32:57 1 floor

html


        

            

                公司电话:0731-5815220 公司传真：4515-585585845
                公司地址：湖南省长沙市南门口186号
                粤府新函[2001]87号 网络视听许可证1924057号
                国际质量监督举报电话：0755-83767606
                Copyrght @ 1998-2016 Tencent. All Rights Reservd
                Copyrght @ 1998-2016 Tencent. All Rights Reservd
            
            
                
                
扫一扫

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}

效果