当页面内容的高度不满手机屏幕时,footer Div会消失,请指点

当页面内容的高度不满手机屏幕时,footer Div会消失,并且不知道怎么解决,请各位大神指点。
未满一屏,底部菜单栏不显示
超出一屏,底部菜单栏正常显示

 <!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;}
0

2个回答

有没有大神来指点一下

0

供你参考,手机中设置页面自适应宽度即可

 <html>
<head>
    <title></title>
    <style type="text/css">

        html,body {
            overflow:hidden;
            margin:0px;
            width:100%;
            height:100%;
        }

        .virtual_body {
            width:100%;
            height:100%;
            overflow-y:scroll;
            overflow-x:auto;
        }

        .fixed_div {
            position:absolute;
            z-index:2008;
            bottom:20px;
            left:0px;
            width:100%;
            height:40px;
            border:1px solid red;
            background:#e5e5e5;
        }
    </style>
</head>

<body>
<div class="fixed_div">I am still here!</div>

<div class="virtual_body">
    <div style="height:1888px;">
        I am content !
    </div>
</div>
</body>
</html> 
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
当action跳转jsp页面时为什么页面样式会消失?
当action跳转jsp页面时为什么页面样式会消失?![图片说明](https://img-ask.csdn.net/upload/201610/27/1477582535_821635.png) nn![图片说明](https://img-ask.csdn.net/upload/201610/27/1477582689_358391.png)
获取div内容的高度
var scrollHeight=document.getElementById(&quot;t_r_content&quot;).scrollHeight; //div文档总高度 var offsetHeight=document.getElementById(&quot;t_r_content&quot;).offsetHeight; //获取div窗口显示高度 var scrollTop=document.getElementB...
获取手机屏幕、屏幕内容的高度和宽度
/** * 获取手机屏幕宽度 * @param activity * @return */ public static int getScreenWidth(Activity activity) { return activity.getWindowManager().getDefaultDisplay().getWidth();
如何使Div具有最小高度,当内容大于高度时自动增长
我想让Div有一个基本高度如400px,当其中的内容增加时,Div的高度会自动增加,如何实现
请问div内容高度的问题?
请问div内容高度的问题?rnrn rn 中中中中中中中中中中中中中中中中中中中中rnrnrnrnrn第一:div中的文字内容的高度指的是不是(line-height行高)?非要设置行高才能确定文字内容的高度吗?rnrn第二:如果div中没有设置内容的(line-height行高),那么文字内容的高度怎么计算?整个div的高度又是怎么计算?rnrn
关于页面div高度的问题
主页面的结构大体是这样的:rn rn rnrn rnrnrnrn rn...rnrnrnrnrnrn 页面分成上下两部分,上面的部分是放背景图片的,由于背景图片是高度一定的,而浏览器的高度不一定,或者说用户的屏幕的高度不一定,因此不知道main那个div的css要怎么写。如果head和main的height都是具体数值,其中head的height就是图片的高度,可以使图片的显示没有问题,但是main的高度变成了不可调节的,不能随浏览器而改变。而如果,把head和main的height都设成是%形式表示的,上面图片的显示就会出现问题,比如head部门除了图片之外有空白。rn 我想请问一下,如何使head的高度就等于图片的高度,而main占满了剩余浏览器的屏幕??俺是新手,望论坛上的高手们不吝赐教,谢谢啦~
网页不满屏幕高度时,footer始终显示在底部
在做B/S开发时,经常遇到一种情况就是,网页不满屏幕高度,footer不显示在底部,各种难看,怎样做到:网页不满屏幕高度时,footer始终显示在底部,网页超出屏幕高度,footer自动随网页滚动呢 ? 其实方法有很多种,网上搜一堆,这里记录其中一种做法,就是利用CSS来实现。 情况一:静态网页 这个属于最简单也是最基本的情况,一般分为不使用第三方CSS框架和使用第三方CSS框架 (
为什么私有变量的内容会消失?
我在控件中定义了rn private ArrayList mySubscribedReports = null;rn private string myType = null;rn第一次Load时赋值,画面上有个imagebotton,rn在imagebotton的click事件中发现ArrayList的内容丢了,string的值却还在rn这是为什么啊?ArrayList的值肯定赋过
div背景变成透明后div高度和宽度消失
rn这个层覆盖在其他层上,background-color:transparent层变成0*0,background-color:#555层变成180*90,很奇怪的问题
页面内容不足以铺满屏幕高度时,footer居底显示
页面内容不足以铺满屏幕高度时,footer居底显示
div的高度自适应屏幕的高度
最近做微信开发,需要把div适应屏幕高度,尝试了好几种方法获取到的都是屏幕分辨率的高度,而不是屏幕显示的真正尺寸。 找了半天,终于找到了正确方法: document.documentElement.clientHeight
页面两个标签内容重叠,怎么动态增加div高度
![图片说明](https://img-ask.csdn.net/upload/201506/01/1433165747_68001.png)nn动态在div中加载图片,覆盖下面的内容,怎么办?是改变css样式,还是用js动态调整高度?
无论页面内容多长,footer始终在页面底部
html<body> <div class="content"> <div class="header"></div> <div class="main-content"></div> <div class="footer"></div> </div> </body>css html, body { height: 100
手动给手机屏幕设置高度
// 手动给任务列表盒子设置高 // var screenHeight = window.screen.height; // var screenHeight = window.screen.availHeight;   // console.log(&quot;screenHeight===&quot; + screenHeight) // console.log(&quot;header===&quot; + $(&quot;#he...
ListView/ScrollView的header或footer,当向下滚动时消失,向上滚动时出现
QuickReturnHeader ListView/ScrollView的header或footer,当向下滚动时消失,向上滚动时出现
js跨域获取页面内容高度
本地文件内有一段html:rnrnrn//js获取http://www.xxx.com/index.aspx页面内容得高度rn[code=JScript]rnvar hnght =0;//高度rnvar win = document.getElementById("sanwei");rnif (win.contentDocument && win.contentDocument.body.offsetHeight)rn hnght = win.contentDocument.body.offsetHeight;rnelsern hnght = win.Document.body.scrollHeight;rnrnalert(hnght);rn[/code]rnrn错误提示:没有权限!rn如何解决此跨域问题。
div高度
是这样的:rn我有三个div rn rn rn rn第一个div的高度是38px rn第三个div的高度是27pxrnrn中间这一个我想自适应高度 也就是100%-38px-27pxrnhtml和body的高度都是100%rnrn外面嵌套一个div 高度100% 还是一样的效果rn定位div1,div3 :position:absolute 结果中间的高度不是100%了 但是还是有垂直滚动条rnrn我该怎么办?
当body出现或消失滚动条时,页面不会跳动
-
pb报表footer问题,请高手指点
在一个数据窗口中,footer总也打不上,总是在下一页的第一行打印。请问,footer怎么设置,有什么要求吗,我做的是一个工资管理,在最后一页要打上钱数分张,既100元的有多少张,50的多少张
div里面的内容超出自身高度时,显示省略号
1.给DIV设置属性:width: 200px; text-overflow: ellipsis; overflow: hidden; 当div里面的内容总宽度找过 200PX的时候,超出的部分会以“...”的形式显示。 2.上面那个案例之适用于单行文本的现实,才会有效。但当div里面的内容出现多行的时候则不能达到预期的效果。下面是解决多行的时候显示“...”的方案。 [h...
主体高度不定,footer在最下面
需求:有时候,当页面内容较短,撑不开浏览器高度,但是又希望footer能在窗口最低端 这里提供三种解决方法,有两种的思路是一样的,结构也是一样的 第一种 html &amp;lt;div class=&quot;wrap&quot;&amp;gt; &amp;lt;div class=&quot;main&quot;&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt; &amp;lt;div class=&quot;footer
页面下滑时页脚消失
   //下滑时显示页脚             var p = 0, t = 500;             $(window).scroll(function (e) {                 p = $(this).scrollTop();                 if (t &amp;lt;= p) { //下滚                     $(&quot;.fx_body_...
内容不足一屏时的footer固定底部
在网页开发中经常遇到内容不足一屏幕时,footer显示的问题。通常footer是需要公用的,所以在一些内容较少的页面就会出现footer下面留空白。以下是几种常见的解决办法: 1. css解决办法。这种是通过负值外补丁来实现的。 html, body { height: 100%;} #wrapper { min-height: 100%;} /*#wrapper 是除foot
当浏览器窗口大小改变时,设置显示内容的高度
//当浏览器窗口大小改变时,触发window.onresize事件 window.onresize=function(){ changeDivHeight(); } function changeDivHeight(){ //宽度 var ChiWidth=$(document).width() &lt; $('...
页面DIV滚动显示内容
[img=http://img.my.csdn.net/uploads/201301/24/1359011410_1961.png][/img]rn像这样的 div显示的内容滚动显示 怎么做啊?
div内容是另一个页面
层插入另一个页面
div根据内容自动调节高度的解决方法
Div即父容器不根据内容自动调节高度,我们看下面的代码: &amp;lt;div id=&quot;main&quot;&amp;gt; &amp;lt;div id=&quot;content&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;/div&amp;gt;     当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。   我们可以通过三种...
如何获取div中内容的高度
比如div中有这样的内容 dgadfadsg,div中包含其他html标签,这种情况下怎么获取他的高度?
怎么让div自适应内容的高度和宽度?
我的div里面有一行文本,有长有短,我想让div根据文本自适应长度和宽度。rn我将div的padding属性设为4px,结果发现高度是4个像素,但是宽度却远远超过了文本的长度,也就是padding-left和padding-right虽然显示是4px,但事实并不是这样。rn我想问一下这个问题有人知道怎么解决吗?原因出在哪?
控制页面两个并列div的高度相等
function sameHeight(){ //alert(document.getElementById("right").offsetHeight+"px") document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px"; } 直接在里面写一个函数调用
Div怎么实现页面 "100%"的宽度和高度???
[color=#FF0000][b]Div怎么实现页面 "100%"的宽度和高度???[/b][/color] rnrn现在是这样的有一个页面,有两个“Div”。 rnrn[b]第一个Div是“100%”的高度和宽度,它的背景是纯色。 希望它可以随着屏幕的大小,全屏显示。[/b]rnrn.tyeet_loginrn rn height:100%;rn width:100%;rn background-color:#3c611a;rnrnrnrn[b]第二个Div是登录框的主窗体,背景是一个图片。希望它可以在第一个层中水平居中和垂直居中显示。[/b]rnrn.tyeet_login_mindlernrn background:url(image/login.gif);rn width:800px;rn height:600px;rnrnrnrn[color=#FF0000][b]HTML:[/b][/color]rn rn rn rnrn
会汇编的请指点
我看书上的例子,不知为什么运行没有反应(没有出现对话框)这是一个对话框的例子rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; Sample code for < Win32ASM Programming >rn; by 罗云彬, http://asm.yeah.netrn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; Dialog.asmrn; 对话框资源使用的模板代码rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; 使用 nmake 或下列命令进行编译和链接:rn; ml /c /coff Dialog.asmrn; rc Dialog.rcrn; Link /subsystem:windows Dialog.obj Dialog.resrn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn .386rn .model flat, stdcallrn option casemap :nonern;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; Include 文件定义rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rninclude windows.incrninclude user32.incrnincludelib user32.librninclude kernel32.incrnincludelib kernel32.librn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; Equ 等值定义rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rnICO_MAIN equ 1000h ;图标rnDLG_MAIN equ 1rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; 数据段rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn .data?rnrnhInstance dd ?rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn; 代码段rn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn .codern;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn_ProcDlgMain proc uses ebx edi esi hWnd,wMsg,wParam,lParamrnrn mov eax,wMsgrn .if eax == WM_CLOSErn invoke EndDialog,hWnd,NULLrn .elseif eax == WM_INITDIALOGrn invoke LoadIcon,hInstance,ICO_MAINrn invoke SendMessage,hWnd,WM_SETICON,ICON_BIG,eaxrn .elseif eax == WM_COMMANDrn mov eax,wParamrn .if ax == IDOKrn invoke EndDialog,hWnd,NULLrn .endifrn .elsern mov eax,FALSErn retrn .endifrn mov eax,TRUErn retrnrn_ProcDlgMain endprn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rnstart:rn invoke GetModuleHandle,NULLrn mov hInstance,eaxrn invoke DialogBoxParam,hInstance,DLG_MAIN,NULL,offset _ProcDlgMain,NULLrn invoke ExitProcess,NULLrn;>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>rn end startrn
当填入全角字符文字,DIV会错位?
rn    ,,,,,,,,,,,,rnrnrn我希望他会换行,而不会凸向右边。
DIV高度等于浏览器高度,内容超过后出滚动条
让一个DIV的高度自动等于页面高度,不随里面内容多少改变,当里面的内容超出后,这个DIV出现滚动条,不改变DIV自身的高度,rn已经设置了rn[code=css]html,rn body rn height: 100%;rn margin: 0;rn padding: 0;rn [/code]rn上面一横排DIV,高度不确定rn下面一个DIV,里面水平盒子左中右三个DIV,要设置左和右两个DIV高度等于浏览器剩下的高度,并且不能超出,里面的内容超过高度时自动出现滚动条overflow-y: auto; 要怎么设置呢rn不知道怎么说了,反正就是没实现,谁有好的方法么
我对第五期内容的不满。
为什么整个杂志里面,只有一篇关于delphi的技术文章?而且还是关于那个SQLServer的文章。还有一个混蛋说什么Delphi程序员正在变成软件蓝领,说什么学习OOP就要从C++开始。真奇怪,我学习的时候怎么就是从理论开始的呢?我的OOP实践就是Delphi,这种傻瓜的论调都会发表!反正关于Delphi的内容越来越少,就算是研究OO(X),oo的东西太多,姑且X表示,Object Pascal很差吗?当初发明Pascal的初衷是什么呀?真TNND。
修改wordpress的footer内容
这个是我的emag主题里的footer.php里的代码<?php /** * The template for displaying the footer. * * Contains the closing of the #content div and all content after. * * * @package eVision themes * @subpackage ema
根据内容增加div高度,不阻挡兄弟div
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&amp;gt;
DataSet 当提交返回页面,其内容是否会清空??
DataSet 当提交返回页面,其内容是否会清空??
DataGrid页面footer问题
现在想做一个完全在datagrid里面进行更新,编辑,删除,增加的操作,处理思路让footer模拟一行新数据,首先page_load 的时候把 footer属性设置为false,当用户点击datagrid外的一个增加按纽,Datagrid的footer属性设置为true,用户就可以新增,现在的问题是怎么绑定后台的数据源代码如下:rnrnrn< datasourceid=<%#dt>datavaluefield=Id datatextfield=Name >">//这段代码应该有错rnrnfooterText后面想绑定一个select,或者是dropdownlist,但是他们的数据源是在后台取 .假如现在有一个后台数据源dt,里面有两列name,id,想select和dropdownlist的datatextfield是name,datavaluefield是id,请问FooterText后面该怎么写?谢谢rnrnrn
css---页面footer总结
正好学习页面页脚部分 看了一些文章,自己总结了一下: 一、始终位于页面下方(不随滚动条的下移而发生变化)     height: 50px;     width: 100%;     bottom: 0px;     position: fixed; 文字居中     text-align: center; 效果: 二、始终位于文章的下方 1.绝对位置法    
相关热词 c#异步发送kafka c#窗体编号 c# 操作二进制文件 c# 反射 机制 c#线程 窗体失去响应 c#角度转弧度 c# 解析gps数据 c# vs设置 语法版本 c# json含回车 c#多线程demo