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

Question

[sunnyrio]

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

Появляется горизонтальная полоса прокрутки, от нее нужно избавиться, как?

Есть вложенный контейнер:

<div style="width: 100%;">
     <div style="width: 100%; padding: 0px 25px;">
          hello world!
     </div>
</div>

Вот как сейчас работает это дело:

Answer 1

[WapSter]

* {
    box-sizing: border-box;
}

Comments

[sunnyrio]

Благодарю, помогло. Работает во всех браузерах?

[WapSter]

sunnyrio, да

Answer 2

[Mikhail]

width: calc(100% - 50px);

Comments

[Mikhail]

А еще display: block; width: auto; padding: 0 25px;

[sunnyrio]

Bearatol, так у меня же он вложенный, я так понимаю должен зависеть от родительского но почему-то выходит за границы

[Mikhail]

sunnyrio, box-sizing возможно не тот стоит.