Question

我在容器中浮动div时似乎有一个浮动问题，该容器在ie6和ie7中也有文本。

如果你看看FF或ie8 +中的星级评分，你会看到星星应该位于容器文本的左边（实际评级为数字），但是我已经尝试过我不能为生命做准备我得到它的工作，他们只是落在下面。

我希望这是有道理的，我花了大约4个小时尝试不同的东西，将显示设置为内联块等，但无济于事。

Answer 1

这似乎有效

<div class="stars" style="width: 150px !important; float: right;">
<span class="starsAverage" style="float: left;">

Answer 2

好的我得到了伴侣。请跟随。

1 - 首先我们删除“float：left”

DIV.rating .stars SPAN.starsAverage
{
float: left /*remove this*/
}

2 - 我们再次删除“float：left”并将“display：block”更改为“display：inline;”

.ui-stars-star
{
float: left; /*remove this*/
display: inline; /*changed from display: block;*/
}

3 - 接下来我们将宽度从“8px”更改为“18px”并为每个div添加“zoom：1”

<div class="ui-stars-star ui-stars-star-on" style="width: 18px; zoom:1">

4 - 接下来我们删除“margin-left：-8px;”来自上述div中的“a”

inline style
{
margin-left: -8px; /*remove this*/
}

5 - 现在我们改变宽度

DIV.rating
{
width: 260px;
}

6 - 我们再次改变宽度

DIV.rating .stars
{
width: 210 !important;
}

和Whola。在这里你有它。拍摄时间：2小时31分钟。我会把账单寄给你。