回答編集履歴

  ```

  を追加してあげると分かりやすいかもしれません。

  1000pxのul要素に対して、li要素が30%（1000pxの30%なので300px）で3つ横並びになります。

  31%と相対指定で値も中途半端なのでちょっと分かりにくいかもしれませんね。

 

  ちなみに計算が合わない理由は、wrapperの横幅960pxに対してpaddingで左右に（windowサイズの）4%余白を取っているためです。