css和背景图片的问题

Posted 2023-02-22

【中文标题】css和背景图片的问题

【英文标题】：problems with css and background image

【发布时间】：2010-12-12 09:59:53

【问题描述】：

我有一个高度为 100% 的容器，因此高度将动态更改为容器内的文本。

无论如何，容器都有一个带有自定义图像的背景（使用背景图像）。

现在，当我使用 float:left; width: 100px; height:100%; 创建

时，在我的容器中定义的背景不会显示在 div 上。

但如果我删除 float:left，背景会显示出来

任何想法可能是什么问题？

【问题讨论】：

你能发布一些代码吗？另外，你用的是什么浏览器？我无法重现这个。

【参考方案1】：

要解决此问题，请将您提到的以下内容添加到容器元素中。

overflow: hidden;

如果您在 IE6/7 中仍然遇到此问题，则需要强制执行 hasLayout，这是通过将其添加到容器元素来完成的。

zoom: 1;

希望 IE6/7 的添加对您有所帮助。

【参考方案2】：

你的问题有点不清楚，但我假设浮动 div 是容器 div 内的一个单独的 div？默认情况下，浮动项目不被容器“包含”。这正是花车应该表现的方式。如果你把“溢出：自动；”在容器 div 上，您通常会得到您想要的行为，但请在此处阅读有关该主题的更全面讨论：http://www.ejeliot.com/blog/59

【参考方案3】：

我做到了。

解决方案是添加

overflow:hidden;

到容器 div。