HTML标记下的多余空格

Question

This is the website I am developing right now: in-nabavi.com . There is nothing in it but a few blocks. As you see there is an extra white space at the end of the document that I really have no idea why it is in there.

This is the firebug result

As you see the area with red line around it is not included in the HTML area.

I also tried the following

body, html{
    margin:0;
    height: 100%;
}

but it didn't work again.

Thanks.

Answer 1

You have used content: "." inside clearfix class for setting layout. Use content: ""; only.

.clearfix:after {
   visibility: hidden;
   display: block;
   content: "";
   clear: both;
   height: 0;
}

Answer 2

There is a .clearfix:after css class in which there is a content:"." Remove that.

Or override it, so that it does not hamper anything else.

Answer 3

.clearfix:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: close-quote;
}

Answer 4

你可以试试这个。

.panels-flexible-1 .panels-flexible-row-last{position: absolute;}