如何在不移動屏幕右側文字的情況下提供元素填充？

Question

我使用的響應式設計給出了100％寬度的元素。元素中有三段文本，我想給文本填充10px，所以它並不坐在屏幕的邊緣。

我用的body, html元素overflow-x: hidden;停止側身滾動的手機瀏覽器。

目前，當我給容器元素10px的填充的文本跑出畫面的右側。

如何可以得到元件10px的填充，100％的寬度和具有文本和移動屏幕的右邊緣之間的間隙10px的？

Answer 1

您可以使用該元素下面的CSS（或者所有元素，如果你想！），

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

請參照，

http://www.paulirish.com/2012/box-sizing-border-box-ftw/