将2个元素并排浮动在无符号列表中

时间:2013-10-16 21:49:17

标签: html css wordpress widget css-float

并排排列未签名列表中的2个元素无效。

.widget_gdstarrating_star div {     漂浮:对; }

2 个答案:

答案 0 :(得分:1)

删除子选择器>

时,此方法有效
.widget_gdstarrating_star div {
    float: right;
}

我想,您在widget_gdstarrating_star上有ul个班级,然后div不是ul的孩子,而是li

请参阅JSFiddle

更新

上述解决方案不适用于分数等级,即3.5或4.1星。这是因为嵌套div s保持背景和评级。因此,最好保留子选择器,但插入li以仅选择外部div

.widget_gdstarrating_star li > div {
    float: right;
}

使用此选择器,评级浮动到右侧,但黄色星形向左齐平,对齐问题消失。

JSFiddle

答案 1 :(得分:0)

你可以提出一个jsfiddle,我们可以在那里修复它吗?宽度为100%,UL的实际宽度是多少?它可能太小......