Как сделать отступы от краёв окна обозревателя до содержимого сайта?

Для родительского («обёрточного») блока задано (рис. 1):
width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto;
Когда окно обозревателя становится меньше заданной max-width, нужно, чтобы были отступы справа и слева (рис. 2).
Решения нашлись такие:
задать padding/margin для body; задать ширину для родительского («обёрточного») блока менее 100% (например, 90%).
Возможно, есть ещё варианты?

Ответ

.block { width: 100%; border: 0 solid transparent; border-width: 0 40px; margin: 0 auto 20px; box-sizing: border-box; } .block-2 { width: calc(100% - 80px); margin: 0 auto 20px; } .block_inner { height: 40px; background-color: green; }