页脚下方的额外空白 [英] extra white space below the footer

问题描述

在页脚下方我看到了额外的空白....如何删除额外的空白....我降低了容器的高度，但即使它不起作用......如何修复它.....

在下面提供我的小提琴

http://jsfiddle.net/h8J4p/embedded/result/

<!-- <p>&copy;公司 2012 年</p>--><p>Copyright© www.defie.co.保留所有权利.

解决方案

首先，您需要使用以下方法去除正文默认的额外填充和边距:

body {padding:0;margin:0;}

其次，您需要删除@Sport Billy 指出的实体如果仍有问题，请检查前一个元素.您可能在最后一个元素中有 margin-bottom 或 padding-bottom

如果不起作用，请使用 position:relative; 并正确定位元素.但把它作为最后的选择.

Below the footer I see additional white space.... how to remove the additional white space.... i reduced the height of the container but even though its not working.... how to fix it.....

providing my fiddle below

http://jsfiddle.net/h8J4p/embedded/result/

<div class="footer">
       <!-- <p>&copy; Company 2012</p>-->
       <p>Copyright© www.defie.co. All rights reserved.</p>

      </div>

解决方案

First of all, you need to get rid of the extra padding and margin that the body have in default by using the following:

body {padding:0;margin:0;}

Secondly, you need to remove the entity that @Sport Billy pointed out ​ If you still have a problem then check the previous element. you might have margin-bottom or padding-bottom in the last element

if non of that worked, use position:relative; and position the element properly. but use that as a last choice.

这篇关于页脚下方的额外空白的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！