Edit in JSFiddle

<div class="englob">
    Bloc de base qui fait 300px de large.
</div>

/* Bloc de base */
.englob {
    background: orange;
    width: 300px;
    height: 200px;
}

.englob:before {
    content: "Before block classique avec un padding sans width 100%";
    display: block;
    background: green;
    padding: 10px;
}

.englob:after {
    content: "After block classique avec un padding + width:100%";
    display: block;
    background: red;
    padding: 10px;
    width: 100%;
}