Html 如何正确浮动跨度

我正在开发这个网站的第二部分是本周的活动。标题右侧是5条蓝色小线的图像。我的问题是我不能让它浮到容器的右边。就在现在，它在集装箱的中间。我尝试了各种各样的浮动组合、clearfixes等等，但我无法让它保持正确。下面标题为常驻和客座DJ的部分具有相同的图像，但其浮动罚款。不知道有什么区别

任何帮助都将不胜感激

谢谢。

从#homewidgets中删除“高度：460px”

该框是图像未向右浮动的原因。

从#homewidgets中删除“高度：460px”

该框是图像未向右浮动的原因。

您的“homewidgets”div溢出，阻止图像一直向右浮动。在style.css第245行中，删除高度属性：

#homewidgets {
    float: right;
    height: 460px;
    width: 307px;
}

您的“homewidgets”div溢出，阻止图像一直向右浮动。在style.css第245行中，删除高度属性：

#homewidgets {
    float: right;
    height: 460px;
    width: 307px;
}

试一试

试一试

---

对于

bluestripes

来说，你应该使用一个类而不是id，好吧，我把它切换到了类，它看起来仍然是相同的“float:right”；在Opera 12中，span对我有效。（我刚刚使用内联样式属性进行了编辑，但是如果您将该样式添加到类中，应该可以正常工作。）我现在为span css提供了该样式，但它似乎不起作用。我错过什么了吗

.bluestripes{float:right；display:block；width:134px；height:34px；overflow:hidden；}

Im在Chrome和FF上看起来是一样的b你应该使用一个类，而不是

bluestripes的id

好吧，我把它切换到了类中，它看起来仍然是相同的“float:right”；在Opera 12中，跨度对我来说是一样的。（我刚刚使用内联样式属性进行了编辑，但是如果您将该样式添加到类中，应该可以正常工作。）我现在为span css提供了该样式，但它似乎不起作用。我错过什么了吗

.bluestripes{float:right；display:block；width:134px；height:34px；overflow:hidden；}

Chrome和FF上的Im看起来是一样的