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

本文主要是介绍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>

这篇关于float: left; 与 float:roght; 不在一行解决放过的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---