设置最低高度为100%

wrap与footer平行

html{
    padding:0;
    margin:0;
    height:100%;
}
body{
    padding:0;
    margin:0;
    font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    background-color:#f0f0f0;
    height:100%;
}
.wrap{
    height:auto;
    min-height:100%;
    _height:100%;
}
.main{
    padding-bottom:76px;
}
.footer{
    text-align:center;
    background:#27303f;
    color:#fff;
    height:76px;
    font-size: 14px;
    margin-top:-76px;
}

  

时间: 2025-01-20 01:10:59

设置最低高度为100%的相关文章

textarea高度自适应(可设置最大高度)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

关于Div的宽度与高度的100%设定

http://www.cnblogs.com/clare-zhang/archive/2011/08/26/2154220.html 正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明 确这个100%的宽度(高度)到底有多宽有多高?这个100%是从哪里得到的从哪里继承的?今天我们的话题就是有关div高度100%的问题! 其实,要弄懂div宽度|width100%.div高度|height100%到底是怎么实现

关于div宽度和高度的100%设定

设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明白这个100%的宽度(高度)到底有多宽有多高?这个100%是从哪里得到的从哪里继承的?今天我们的话题就是有关div高度100%的问题! 其实,要弄懂div宽度|width100%.div高度|height100%到底是怎么实现的,只需弄懂一个简单的问题就可以了,即100%的基数是谁,就是这个100%是相对于谁的width.height来说是100%? div的100%是从其上一级

【Flex】子元素设置百分比高度生效的解决方法

一.问题描述: 当使用Flex布局时,子元素设置百分比高度后,如下图没有效果: 二.解决方法: 父元素必须设置高度,效果如下图: 三.完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

动态设置iframe高度

<%//动态设置iframe高度 %><script language="javascript" type="text/javascript">      function SetWinHeight(obj) {                              var win = obj;        if (document.getElementByIdx_x) {            if (win && !

AlertDialog设置自定义高度

AlertDialog 在开发中,AlertDialog是十分不错的类,它提供给我们一个通用对话框,我们只需要简单的设置一些东西就可以实现了一个具有简单功能的对话框了,包括按钮,或者是列表等等,但是我们可以注意到一个问题,那就是对话框的大小,它是自适应的,如果内容太大,我们的显示就出现了问题,比如下面的情况: 可以看到,这个内容已经占了很大的空间,看起来不是很美观,所以我们想设置它的自定义大小,比如说就是占屏幕的1/2,这样就可以看起来不错,但是该怎么做的? 自定义高度 源码: String i

自动设置iframe高度和禁止backspace后退js

function iFrameHeight(iframeId) {        var ifm = document.getElementById(iframeId);        var subWeb = document.frames ? document.frames[iframeId].document                : ifm.contentDocument;        if (ifm != null && subWeb != null) {      

CSS 上下居中和最低高度语法

/*上下居中*/ vertical-align:center; font-size=line-height; /*最低高度*/ height:auto!important; height:400px; min-height:400px;

div设置高度height:100%实际却为0的解决

<html> <head> <title>无题</title> </head> <body> <div id="div" style="width:100%;height:100%>     我是DIV里的内容 </div> </body> </html> 如上,当设置div的height为100%时,打开页面是一片空白,点审查元素进去看,发现div的高度为