小程序,两个浮动的元素宽度相加是750rpx,但中间有一条缝隙

国家战略忽悠局
  • 388
<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;
}

图片描述

请教原因,谢谢!

回复
阅读 2k
3 个回答

我刚试了下,在iPhone5和6的时候会出现那个缝,但是7和x就不会

clipboard.png
应该和rpx的换算有关系吧
page,.main, .menu, .submenu{
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}

因为是小程序 所以我没试哈 仅提供一个思路 解决空隙的方法一般是reset一下margin padding和font size,因为有的标签在浏览器的渲染下会有默认的margin or padding

改变下组件 可能是组件自带的样式

宣传栏