CSS浮动页脚边距

我试图修改一个棘手的页脚(http://www.cssstickyfooter.com/)显示保证金......很容易使左右宽度为:90%,保证金:汽车

| | | | | | | | | | | | | | | |

但如何让高至90%(或显示某种类型的顶部和底部的保证金)没有搞乱浮动页脚

| ____ | | | | | | |____| | | |

谢谢

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input, textarea,p,blockquote,th,td { margin:0; padding:0; } #header { height: 33px; line-height: 33px; text-align: center; background-color: green; } html { height: 100%; } body { height: 100%; width: 90%; margin: auto; } #wrap { min-height: 100%; background-color:gray; } #main { overflow: auto; padding-bottom: 33px; /* must be same height as the footer */ background-color: red; height: 100%; } #footer { position: relative; margin-top: -33px; /* negative value of footer height */ height: 33px; line-height: 33px; text-align: center; background-color:blue; } ​

http://jsfiddle.net/56REF/

--------------解决方案-------------

这将满足您的需求? http://jsfiddle.net/CZayc/

分类:CSS 时间:2015-03-15 人气:7
本文关键词: CSS,粘页脚
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 2.175 (s). 10 q(s)