父盒子设置border后,跟子盒子之间的缝隙问题

341 阅读1分钟

问题: 父子盒子结构中,父级盒子有border时,子盒子不能完全和父盒子边框重合,会有一个小的缝隙;

注:微信小程序真机环境下测试,父级盒子有border时出现的问题,无border时就没了该问题。

原因: 暂时不清楚。

解决方法: border从父级盒子移至子盒子上,子盒子和之前一样正常排版。

其他: 搜索栏样式,后面的小放大镜和前面的搜索栏若原本是大盒子(容器盒子)嵌套小盒子(搜索input和放大镜)结构,且大盒子有border,若是出现小盒子无法和大盒子border完全重合,可以使用拼接方式,修改为同级结构,进行拼接。

参考文章:blog.csdn.net/cheng1877/a…