Mini Program, the width of the two floating elements adds up to 750rpx, but there is a gap in the middle.

<view class="main">
    <scroll-view class="menu" scroll-y></scroll-view>
    <scroll-view class="submenu" scroll-y></scroll-view>
</view>
page,.main, .menu, .submenu{
    height: 100%;
}

.menu{
    float: left;
    background: red;
    width: 276rpx;
}

.submenu{
    float: right;
    background: blue;
    width: 474rpx;
}

ask why, thank you!

Feb.20,2022

  

change the component may be the style that comes with it

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b361e7-2b536.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b361e7-2b536.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?