如何去掉页面右侧的空白？

可以使用CSS的box-sizing属性来解决这个问题。将box-sizing设置为border-box，可以让页面元素的总宽度包括边框和内边距，而不仅仅是内容宽度。这样可以避免由于边框和内边距导致页面元素溢出而产生空白的问题。

示例代码：

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { margin: 0; padding: 0; }

/* 示例页面元素 */ .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; border: 1px solid #ccc; }

/* 其他样式 */ h1 { font-size: 24px; margin-top: 0; }

p { font-size: 16px; line-height: 1.5; }