回答編集履歴

- おそらく、パーセンテージで指定するときの基準が「その要素の幅」だと勘違いしているのでは。なので、「最大でも1100pxにしかならないdiv要素の幅の4%よりも、明らかに大きなpaddingが取られているのでおかしい」と思ったのでしょう。

- 実際には、CSSのパーセンテージで指定するときの基準は、その**要素の親要素(コンテナー)の幅**です。親要素の幅の4%がpaddingとして取られます。たとえば、body要素直下にdiv要素を書き、ブラウザーのウィンドウサイズを変更すれば容易に確認できるでしょう。