Break element out of container

Question

I have all my content wrapped in a container element with a fixed width.

But I have a

that I want to \"break out\" of that container to span the

相关标签:

Answer 1

A better version taking the width of the container into account.

.wrapper {
    width:300px;
    margin:0 auto;
    background:yellow;
}
.break {
    text-align:center;
    font-weight:bold;
    background:rgba(255,0,0, 0.5);
    margin-left: calc((-100vw + 300px)*.5);
    margin-right: calc((-100vw + 300px)*.5);
}

https://jsfiddle.net/Lxnmr01h/