css flex布局padding-right不起作用?-灵析社区

老詹啊老詹

css flex布局`padding-right`不起作用 父元素 display: flex; flex-direction: column; align-content: flex-start; flex-wrap: wrap; gap: 5px; width: 100vw; height: 500px; padding: 10px; overflow: auto hidden; box-sizing: border-box; 内部纵向排列,高度固定,超出横向滑动,`padding-right`不起作用 如何能使`padding-right`起作用 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/d4d80c66a20eb462de00f3c63d117260.png)

阅读量:12

点赞量:0

问AI
你的代码问题出在width: 100vw; 这里,如果换成width: 100%;就好了https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/a81f812f096c3debd0ffe62d7909e806.png 但是在某些情况下你需要考虑width:100vm !== width: 100% 这个种情况。 所以我个人推介你使用width: calc(100vw - 10px);这样可以实现你目前的这种效果。https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241023/b760cfe2b7ae3f8edbf5e8c7269b6ae5.png