我做的網頁是大部分流量都是手機端，內容也針對手機端。我使用的是固定寬度布局，加上<meta name="viewport" content="width=device-width " >之后可以實現不同屏幕之間的瀏覽不出現大的問題。冥冥之中，可能是想讓我與慕課網的童鞋們來一次深入的交流，所以我碰見了，我難以解決的問題，沒錯，問題就是我的標題。當頁面的內容能夠填滿整個屏幕的時候，一切顯示正常。但是當頁面里的內容達不到屏幕的高度時，我做的固定在屏幕底部的footerDIV就會消失。請大家踴躍指點，我一定虛心受教，謝謝~~?<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>二維碼</title>
<link??type="text/css"?rel="stylesheet"?href="../iquan/css/style.css?t=2"?/>
<meta?name="viewport"?content="width=device-width">
</head>
<body?style="position:relative">
<div?class="wrapper">
????<div?class="header_title">
????????<a?href="#">
????????????<div?class="header_title_btn"><img?src="/iquan/images/fengcai/fanhui.png"?/></div>
????????</a>
????????<div?class="header_title_text_groupon">二維碼</div>
????</div>
????<div?class="acticle">
????????<div?class="QR_Code_content">
????????????<p>夏日裝扮大酬賓<br><span>加菲貓美甲店</span></p>
????????????<img?src="/iquan/images/groupon/QR-Code.png">
????????</div>
????????<!--<div?class="bgcolor2"></div>-->
????</div>
????<div?class="footer_activity_groupon_t"??>
????????<a?href="#"><div?class="footer_QR_Code">
????????????<img?src="/iquan/images/groupon/pic_download.png"?>
????????</div></a>
????</div>
????<div?class="footer_activity_place_holder"></div>
</div>
</body>
</html>
-----------------css----------------------!
.footer_activity_groupon_t{
????max-width:1080px;
????width:1080px;
????margin:auto?0px?0px?0px;
????height:141px;
????padding:0px;
????position:fixed;
????bottom:0;
????color:#575757;}
當頁面內容的高度不滿手機屏幕時，fixed定位的 footer Div會消失，怎么解決？
鉛筆畫2016
2016-09-19 18:43:26
