多个cstarrating在div中没有​​正确显示Yii

Question

不确定这是一个样式表问题还是什么问题。 cstarratings汇集在一起​​。这张照片实际上显示了3个cstarratings成一行。

我在css中试过的其他事情，display:inline; clear:both;删除float:right 我的样式表包含了cstarrating：

.profile-rating-right-content
{
    float:right;position: 
    relative;width:45%;
    display:inline;
    padding-right:5px; 
    padding-top: 10px;
}

我的cstarrating小部件如下：

<div class="profile-rating-right-content">
    <?php $this->Widget('CStarRating', array(
                    'model'=>$data,
                    'attribute'=> 'star',
                    'minRating'=>1 ,
                    'maxRating'=>5 ,
                    'starCount'=>5 ,
                    'allowEmpty'=>false,
                    'ratingStepSize'=>1,
                    'callback'=>'
                function(){
                    url = "index.php?r=user/review/updateStar";
                            jQuery.getJSON(url, {id: '.$data->review_id.', val: $(this).val()}, function(data) {
                                    if (data.status !== "success"){
                            alert("error"); 
    }});}'
            ));?>
</div>

Answer 1

这不是样式表问题。

每个组的ID都相同，因此小部件需要

'name'=>'rating'.$data->id,