problem description

I didn"t expect that one day I would be stuck in such a basic place for so long. It hasn"t been solved yet. I still have to ask my eldest brothers to take a look at it for me.

the environmental background of the problems and what methods you have tried

has set the width, and overflow has cleared the float, but I don"t know why it doesn"t work, but I can"t find the reason.

related codes

some code that doesn"t want to close will omit forgiveness. fence system is subject to 24

//html
<div className="dashboard">
    //...
    <Row className="dashboard-list"> 
        <Col span={4}>
          <Card title="xxx" className="dashboard-active">
            
{moneyLargeFormat(700000)}
          </Card>
        </Col>
        //Card * 7
    </Row> 
    //...
</div>

//css
.dashboard {
    overflow: hidden;
    margin: 40px 0;
}
.dashboard .dashboard-list {
    width: 95%; 
    overflow: scroll;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
    clear: both;
}
.zent-col-4 {
  width: 16.66667%;
}
.zent-col {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.zent-row:after {
    content: "";
    display: table;
    clear: both;
}

what result do you expect? What is the error message actually seen?

toss so much that it is close to collapse. Thank you for your advice