Css IE7图像浮动错误

注意中间的一栏，图像应该向左浮动，它们在除IE7之外的所有浏览器中都是如此。我以前从未遇到过这个问题，也不知道是怎么回事

任何能为我指明正确方向的想法都将不胜感激，谢谢

更新

---

如果我从#content left p中删除width:330px，聚光灯就会完美地排列起来，但我遇到了一个新问题。左列现在包裹右列。啊！IE7

从你的问题来看，不清楚你到底想要达到什么目的，将图像浮动到标题和段落的左侧，还是仅仅浮动到段落的左侧。请附上图片，显示所需的结果和你认为的bug。

< P>我想它与“宽度：330px”有关，你给了聚光灯下的元素。IE7用这个宽度处理它们，所以它会清除图像

---

您可能需要调整包含图像的聚光灯和不包含图像的聚光灯的宽度。

复制并将其粘贴到空html中，然后查看其工作原理。应该解决你所有的问题。固定.box的宽度以匹配所需的宽度。如果div.left是空的，并且您在那里没有图像，那么它也可以工作

<div class="box">
    <div class="left">
        <img src="http://www.google.com/intl/en_ALL/images/logo.gif" />
    </div>
    <div class="right">
        <h2>Heading</h2>
        <p>Paragraph text</p>
    </div>
</div>



<style>
    .box {
        width: 600px;
        background: red;
        }
    .left {
        float: left;
        width: auto;
        }
</style>

标题
段落文本

.盒子{
宽度：600px；
背景：红色；
}
.左{
浮动：左；
宽度：自动；
}

我不喜欢这样做，但这是使用jQuery实现IE7效果的一种方法：

    $(function() {

        $(".spotlight .item img").each(function() {

            $(this).css("marginBottom", $(this).parent().height() - $(this).height());

        });

    });

---

请参见

您似乎正在使用

显示：表格单元格

将文本显示在浮动图像旁边的列中，而不是环绕它

:

不过，你也必须去掉这些段落的宽度，它们现在从

#contentleft p

中获得了宽度

但是，如果将

#inner2right2

div放在

#inner2left

div之前，则可以对最左边的两列使用相同的技巧。然后可以在该左边的列上使用溢出，使它们彼此相邻。这样，您也可以取消在

#contentleft p

上设置的宽度

这也适用于IE7

---

我认为如果你给那些相同的块“”的话，它在IE6中也会起作用。最简单的方法是添加

zoom:1

如果使用IE8，可以使用IE8开发人员工具实时检查元素并禁用/更改样式。通过禁用段落宽度，图像成功向左浮动，但段落文本下降到图像下方。确保将IE8置于兼容模式以模拟IE7。一直在弄乱宽度：问题是，它需要与图像的类相同，而不是动态创建聚光灯中的信息。我一直在玩一些标记，如果不明确确定是否存在图像，我无法使任何东西正常工作。如果有一种方法可以使图像上的边距填满聚光灯项目的剩余高度，那么您将进入业务。或者，如果可以保证聚光灯的高度始终相同，则可以向图像添加底部边距。如果数据存储中有一个字段包含一个图像，我只需要放一个语句，如果有图像，它会输出一个额外的类。这就是问题之一，聚光灯是动态的，会改变高度。我一直在搞这个有一段时间了，我几乎失去了我所有的头发哈哈。我认为问题是，如果没有左div，那么你的右div宽度与其他图像相比太短。也尝试过这个解决方案。仍然不能正常工作。它得到的结果与以前几乎相同。我对它进行了一些调整，尝试使用新的。浮点数工作时不需要它，但如果需要，仍然可以在那里指定内容。我只是尝试了这个解决方案，但出于某种原因，它也不起作用。也许我做得不对？不知道，理论上这应该行得通，但这太顽固了。你能给我一个比较一下的标记示例吗？我现在没有时间，但什么不起作用？您现在使用的版本似乎正在运行。不过，

display:table单元格

不再需要了。

.spotlight1 p { 
    color: #333333;
    font-size: 12px;
    overflow: hidden;
}