小编Mar*_*ick的帖子

DIV 内容溢出到页脚,使页脚在页面上向上移动

IM试图让div内容不流过页脚,我希望内容div随着页面扩展而扩展,但是当文本经过页脚时,它会导致页脚在页面上向上跳转
html, body { margin :0; /上、右、下、左/ padding:0; /上、右、下、左/ 高度:100%;}

container {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    margin: 0 auto -100px;
    height: auto;
    min-height:100%;
}

content {
    position: relative; 
    padding-bottom:100px;
    overflow:auto;
    height:100%;
}

Header, #Footer {
    position: absolute;
    width:100%;
    background:url('bglines.png');
    background-size:15px 15px;
    color:white;
    padding:0 auto;
    text-align:center;
    color:#2FAACE;
}

Footer {
    margin-top: 100px;
    clear:both;
} 

menu {
    position:absolute;
    list-style-type:none;
    background: #808080;
    width:100%;
    padding: 85px 0px 0px 0px; /* Always on top */
}

ptop {
    text-transform:uppercase;
    font-family:impact;
    font-size:40pt; …
Run Code Online (Sandbox Code Playgroud)

html css overflow footer

2
推荐指数
1
解决办法
6133
查看次数

标签 统计

css ×1

footer ×1

html ×1

overflow ×1