gpt4 book ai didi

css - 背景图像似乎溢出容器

转载 作者:太空宇宙 更新时间:2023-11-04 14:57:02 25 4
gpt4 key购买 nike

我正在使用 Firebug 处理我的 CSS。

它以 620 像素的高度显示 HTML、正文和内部容器。我假设我的窗口高度约为 640 像素。

使用 Firebug 我可以清楚地看到所有元素都在窗口的整个高度附近结束,但是 body bg-image 似乎占据了整个窗口的高度,这超出了它的相关容器的大小。

这是怎么/为什么?

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

我已推送测试,请参阅此处 - http://mermaidriverpools.rickdonohoe.co.uk/

最佳答案

好吧,看着你的页面,我和你一样恼火。但我想我已经找到了发生这种情况的原因。

在此fiddle ,您可以看到背景属性(颜色、图像...)遍布整个页面IF 它特别是 ON 正文标签。 body 有多大并不重要(它是 fiddle 中的 1x1 盒子)。

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

但是在这个other one (将背景颜色设置为具有固定尺寸的内部 div)背景颜色不会延伸到整个页面。

尝试创建一个包装器作为您 body 的 child ,并在其上放置 body 样式。

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

关于css - 背景图像似乎溢出容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16881954/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com