背景图像似乎溢出容器

我使用Firebug来处理我的CSS。背景图像似乎溢出容器

它显示HTML，正文和内部容器都在620px高度。我认为我的窗户大约640px高。

使用萤火虫我可以清楚地看到，所有的元素都只是短于窗口的整个高度而已，但是身体bg-image似乎占据了整个窗口的高度，超出了相对容器的大小。

这是/为什么？

注意：这是一个使用normalize.css作为重置的Drupal站点。当我谈论身高时，内容上没有填充或边距。

我推到测试，看这里 - http://mermaidriverpools.rickdonohoe.co.uk/

来源

2013-06-02 Rick Donohoe

请发表您的代码（甚至更好，小提琴），所以我们可以看到有哪些你在做它。谢谢 –

请参阅编辑问题。 –

瑞克，请参阅我的编辑。希望它能解决你的问题。 –

好吧，看你的网页，我和你一样恼火。但我想我已经找到了为什么会发生这种情况。

在此fiddle，你可以看到背景属性（颜色，图像...）一直延伸到页面上IF这是专门ON body标签。不要紧，身体有多大（这是一个1x1的小提琴）。

它必须是浏览器行为。这不会改变身体的实际大小。它将遵循正常规则（大小与内容相同，如果设置了特定大小，或者如果设置了继承，则与父级相同）。

但在此other one（将背景颜色设置为具有固定尺寸的内部div），背景颜色不会遍布整个页面。

尝试创建一个包装作为你的身体的一个孩子，并在其上放置身体样式。

<body> 
    <div class="all your body classes here"> 
    </div> 
</body>

来源

2013-06-02 10:43:05

这是一个值得的，因此是upvote。更重要的是身体没有填满整个屏幕（为什么它是短的？），为什么这会发生，这意味着有更好的答案的空间。因为没有被接受而被看到。 –

@RickDonohoe对不起，也许我应该多解释一下。设置背景（图像或颜色，无论）身体使该属性采取遍及整个页面（即使身体只有1pxX1px大小）。但这并不意味着身体具有相同的尺寸。它将遵循一般规则来确定大小（内容的大小，您设置的特定集合，继承）。也许我们看到不同的东西？这就是您的网页目前在我的屏幕上的样子：http://tinypic.com/r/2d2cf8/5 我会更新我的答案以更好地反映此问题。 –

如果你使用Firefox浏览器，你可以按

ctrl+Shift+m

和发青枝条resoltion你需要

来源

2013-06-02 11:02:46

背景图像似乎溢出容器

回答

相关问题