CSS的padding屬性被用來控制元素的內邊距，即元素內部內容與元素邊緣之間的距離。padding在布局過程中起到了非常重要的作用，幫助元素在頁面上保持合適的距離和空白。

參考代碼：

.box {
padding: 20px;
}

上面的代碼將為class為box的元素增加20像素的padding。但有時我們會發現，在頁面響應式布局中，元素的寬度會發生改變，而padding也會跟著改變，導致頁面布局混亂。

為了保持padding不變，可以使用相對單位，如百分比。

參考代碼：

.box {
padding: 10% 20%;
}

上面的代碼將會使元素的padding分別為寬度的10%和高度的20%，這樣即使元素寬度改變了，padding也會跟著改變，保持原有的比例關系。

除了使用百分比，還可以使用box-sizing屬性來控制元素大小的計算方式。默認情況下，使用content-box計算大小，即元素的寬度和高度不包含padding和border。使用border-box計算方式，則元素的大小包含padding和border。

參考代碼：

.box {
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 1px solid #ccc;
}

上面的代碼將為元素增加1像素的邊框和20像素的padding，并使用border-box計算元素的大小，這樣即使元素寬度改變了，也不會影響padding和border的大小關系。

通過使用相對單位和計算方式，我們可以很好地控制元素的padding，使其在響應式布局中能夠保持原有的大小和比例關系。