html - 如何正确浮动跨度

Question

我正在开发这个网站http://indigonightlife.com/第二部分是本周活动。该标题的右侧是 5 条蓝色小线的图像。我遇到的问题是我不能让它漂浮到容器的右侧。就像现在一样，它位于容器的中间。我尝试了各种浮动、clearfixes 等的组合，但我无法让它保持在正确的位置。下面标题为 Resident 和 Guest DJs 的部分具有相同的图像，但浮动很好。不知道有什么区别。

任何帮助，将不胜感激。

谢谢。

Answer 1

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

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

Answer 2

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

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

Answer 3

尝试

.heading {
font-family: neuro;
font-size: 37px;
color: white;
width: 800px;
display: inline-block;
vertical-align: top;
}

.bluestripes{display: inline-block;
width: 132px;
}