.responsive
类的宽度属性设置为33.33%
(而不是33%
),则您提到的右侧空白区域应该会减少。width: calc(100% / 3);
body {
background-color: white;
margin: 0;
overflow-x: hidden;
}
.responsive {
float: left;
height: auto;
width: 33.33%;
}
这将同时移除您的水平滚动条。
width: calc(100% / 3);
的答案好得多。 - Kevin Wenger