我正在开发这个网站http://indigonightlife.com/第二部分是本周活动。该标题的右侧是 5 条蓝色小线的图像。我遇到的问题是我不能让它漂浮到容器的右侧。就像现在一样,它位于容器的中间。我尝试了各种浮动、clearfixes 等的组合,但我无法让它保持在正确的位置。下面标题为 Resident 和 Guest DJs 的部分具有相同的图像,但浮动很好。不知道有什么区别。
任何帮助,将不胜感激。
谢谢。
我正在开发这个网站http://indigonightlife.com/第二部分是本周活动。该标题的右侧是 5 条蓝色小线的图像。我遇到的问题是我不能让它漂浮到容器的右侧。就像现在一样,它位于容器的中间。我尝试了各种浮动、clearfixes 等的组合,但我无法让它保持在正确的位置。下面标题为 Resident 和 Guest DJs 的部分具有相同的图像,但浮动很好。不知道有什么区别。
任何帮助,将不胜感激。
谢谢。
从#homewidgets 中删除“高度:460px”。
该框是图像未向右浮动的原因。
您的“homewidgets” div 溢出并阻止图像一直向右浮动。在 style.css 第 245 行删除 height 属性:
#homewidgets {
float: right;
height: 460px;
width: 307px;
}
尝试
.heading {
font-family: neuro;
font-size: 37px;
color: white;
width: 800px;
display: inline-block;
vertical-align: top;
}
.bluestripes{display: inline-block;
width: 132px;
}