Flex 布局中，padding-right 为何无效？

在 flex 布局中，padding-right 为何无效？

在使用 flex 布局时，当父元素设置了 padding-right，而内部元素纵向排列且高度固定，并允许横向滑动时，padding-right 可能不起作用。

解决此问题的一个方法是修改父元素的 width 属性。将 width: 100vw 替换为 width: 100%。这样可以让父元素的宽度根据其容器调整，从而使 padding-right 生效。

另一种方法是使用 calc() 函数来计算父元素的宽度，减去 padding-right 的值。这确保了父元素的实际宽度考虑了填充。例如，可以将 width: 100vw 替换为 width: calc(100vw - 10px)，其中 10px 是所需填充。

以上就是Flex 布局中，padding-right 为何无效？的详细内容，更多请关注其它相关文章！