float: left; 与 float:roght; 不在一行解决放过

1   父元素宽度足够

<view class="shopping_cart">
    <view class="shopping_cart_top" >

    <view class="shopping_cart_top_left" >购物车为空</view>

    <view  class="shopping_cart_top_right" >清空</view>

</view>   

清空 会出现在下一行 

.shopping_cart_top{
    height: 30px;
}
.shopping_cart_top_left{
    margin: 5px 20px ;
}
.shopping_cart_top_right{
    float: right;  
    margin: 5px 20px 5px 20px;
}

解决方法 顺序调换 ， 先写 float:right ;  的  在写float:left;  问题就解决了 。

   <view  class="shopping_cart_top_right" >清空</view>

    <view class="shopping_cart_top_left" >购物车为空</view>