div右侧有缝隙，背景颜色无法满屏

我遇到了两种情况，情况1：

底部背景颜色无法跟随div容器的高度铺满，如图所示：

解决：

这个问题我通过设置

float: left;

来解决，结果出现了第二个问题，右侧背景颜色无法铺满，随后又尝试了

display: inline-block;

还是无法解决，一样的问题，右侧有缝隙，如图所示：

解决：

最后通过flex布局，解决了右侧背景颜色无法铺满的问题

display: flex;

一点记录，防止掉过的头发，再掉一次