给盒子设置了右浮动，却没显示在父盒子的最右边

给父亲盒子设置了清除浮动样式，右边这个购物车盒子设置了右浮动，但是却没有浮动到父亲盒子的最右边为什么（父亲盒子是粉色背景）

请贴上你的html代码，单凭描述和截图，很难快速解决问题原因

或者贴上你的链接，如不方便公开链接，可私信链接，可快速解决问题原因

请贴出你的代码!你这样别人很难帮到你知道吗

简单模拟下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box{
        width:100%;
        height:100px;
    }
    .left{
        float:right;
        width:35%;
        height:100%;
        background: #f00;
    }
    .right{
        overflow: hidden;
        width:65%;
        height: 100%;
        background: #0f0;
    }
</style>
<body>
    <div class="box">
        <div class="left"></div>
        <div class="right"></div>
    </div>
</body>
</html>

用flex布局省心呀

你中间那个盒子设置的有问题，不要用margin去挤，挤的话会展位置。

块级元素居中margin： 0 auto；

行内块需给其父元素设置 text-align： center;