机身小于浏览器窗口

时间:2013-08-06 15:30:30

标签: html css

我正在编辑Tumblr的主题,我遇到了问题。在Tumblr中,您必须编辑每种类型的帖子(文本帖子,照片帖子,视频帖子等)。所以,当我编辑文本帖子时,身体已经缩小了。 请参阅了解:tlicetlac.tumblr.com。身体有一个背景图像和一个嵌入的阴影。在编辑文本之前,主体的阴影填满了整个窗口......现在它只填充了窗口的大约一半。通过safari的代码检查器,我观察到身体和阴影一样小,但是他的背景充满了窗户。 这是身体的css

body{
        box-shadow:
        inset 0px 20px 700px black;
        padding:0px;
        background-attachment:fixed;
        background-image:URL("http://cl.ly/image/11340r2A0A24/sfondo%20MAIN.jpeg");
        font-family:Minecraftia;
        padding:0px;
        margin:0px;
    }

我试图设置Height:100%,但它不起作用。

它可能是什么?

3 个答案:

答案 0 :(得分:1)

这对我有用:

#posts {
    list-style-type: none;
    margin-left: 0;
    overflow: hidden; //add this
    padding-left: 0;
}

不是问题的一部分,但您也可以这样做:

.cartello { overflow:hidden; }
.adescrizione,.bdescrizione { overflow:hidden;overflow-y:auto; }

答案 1 :(得分:0)

不光是body有问题,html也有问题。

只需添加:

html,
body {
    overflow: hidden;
}

如果问题是横向的:

overflow-x: hidden;

或者如果是垂直的:

overflow-y: hidden;

答案 2 :(得分:-1)

将身高100%设置为<body><html>

html, body {
    height: 100%;
}

<html>是外部元素,因此您想要拉伸它。

正文填充<html>100%)。