Question

我正在使用响应式设计，它提供100％宽度的元素。元素中有三段文字，我想给文本10px的填充，所以它不是直接坐在屏幕的边缘。

我在overflow-x: hidden;元素上使用body, html来停止在手机浏览器上横向滚动。

目前，当我给容器元素10px填充时，文本会从屏幕的右侧移开。

如何为元素提供10px填充，100％宽度，并且在移动屏幕的文本和右边缘之间有10px的间隙？

Answer 1

您可以对该元素使用以下CSS（如果需要，可以使用所有元素！），

element
{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; /* standard */
}

请参阅，