Css 背景图像似乎溢出了容器
我正在使用Firebug处理我的CSS 它显示高度为620px的HTML、主体和内部容器。我想我的窗口大约有640像素高 使用firebug,我可以清楚地看到所有元素的末端都离窗口的整个高度很近,但是body bg图像似乎占据了整个窗口的高度,这超出了它的相对容器的大小 这是怎么/为什么 注意:这是一个Drupal站点,使用normalize.css作为重置。当我谈到高度时,内容上没有空白或边距Css 背景图像似乎溢出了容器,css,Css,我正在使用Firebug处理我的CSS 它显示高度为620px的HTML、主体和内部容器。我想我的窗口大约有640像素高 使用firebug,我可以清楚地看到所有元素的末端都离窗口的整个高度很近,但是body bg图像似乎占据了整个窗口的高度,这超出了它的相对容器的大小 这是怎么/为什么 注意:这是一个Drupal站点,使用normalize.css作为重置。当我谈到高度时,内容上没有空白或边距 我已经开始测试了,请看这里-好的,看着你的页面,我和你一样恼火。但我想我已经找到了发生这种情况的原因
我已经开始测试了,请看这里-好的,看着你的页面,我和你一样恼火。但我想我已经找到了发生这种情况的原因 在这里,您可以看到背景属性(颜色、图像…)扩展到整个页面,如果它特别位于body标签上。身体有多大并不重要(它是小提琴中的一个1x1盒子) 这一定是一种浏览器行为。这不会改变身体的实际大小。它将遵循正常规则(大小与内容相同,如果设置了,则为特定大小;如果设置了继承,则为与父级相同) 但在这种情况下(将背景色设置为具有固定尺寸的内部div),背景色不会延伸到整个页面 尝试创建一个包装器作为您身体的子项,并在其上放置身体样式
<body>
<div class="all your body classes here">
</div>
</body>
如果使用firefox浏览器,可以按
ctrl+Shift+m
请发布你的代码(或者更好的是,一把小提琴),让我们看看你在上面做什么。谢谢编辑问题。瑞克,请看我的编辑。希望它能解决你的问题。瑞克,这方面有什么进展吗?如果这解决了您的问题,请将其标记为answeredIt是一个有价值的工具,因此需要向上投票。更重要的是,身体并没有填满整个屏幕(为什么这么短?),为什么会发生这种情况,这意味着有更好的答案的空间。“看来没有被接受。”里克多诺霍对不起,也许我应该再解释一下。在主体上设置背景-(图像或颜色,无论什么),使该属性覆盖整个页面(即使主体大小仅为1pxX1px)。但这并不意味着身体大小相同。它将遵循确定大小的常规规则(内容大小、设置的特定集、继承)。也许我们看到了不同的东西?这就是你的页面当前在我的屏幕上的样子:我将更新我的答案以更好地反映这一点。