Div full-width dentro un incolonnamento a 1170px

[deleted_20210415]

Salve a tutti, come avrete capito dal titolo, vorrei realizzare un div full width (che vada da un bordo della finestra del browser all'altro) trovandomi dentro l'incolonnamento di un framework a 1170px.
Per rendervi chiara l'idea allegherò un'immagine qui sotto.
Grazie per l'aituo

Full Width.jpg

[Nobody33]

#elemento{ width: 100%}

[deleted_20210415]

#elemento{ width: 100%}

Magari fosse così semplice... Se do width 100% arriva alla dimensione massima di 1170px, visto che è incolonnato... A me servirebbe che raggiunga da bordo della finestra del browser all'altro, uscendo fuori dalla colonna del framework... Però non vorrei usare metodi poco ortodossi quali margin-left e simili, in quanto manderebbero a quel paese la responsività del sito

[Mich_]

Dovresti pero` spiegarti piu` completamente.
Il blocco che sporge e` un corpo a parte (una specie di nonio che scorre sul regolo)?
Deve coprire quello che sta sotto? Deve interromperlo? Deve essere trasparente?

In ciascun caso occorre procedere in modo diverso.
Tieni presente che la pagina Web e` una serie di oggetti che hanno (oppure no) una relazione tra loro: a seconda della relazione la struttura da usare e` diversa.
Non devi pensare la pagina Web come una trasposizione su video di qualcosa che stamperesti su carta (quello viene fatto da linguaggi tipo PDF). La pagina Web viene impostata dal programmatore e resa dal browser in base allo spazio a disposizione ed ai vincoli tra gli oggetti.

[fcaldera]

http://cdpn.io/LGova

<div>
  <p>
    lorem ipsum
  </p>
  
  <section>
    100% full width
  </section>
  
</div>

CSS

div { width: 70%; margin: 0 auto; background: #2f85ad; height: 100vh;}

section {
  height: 50px;
  width: 100%;
  position: absolute;
  left: 0;
  background: #93b07f;
}

[deleted_20210415]

Grazie mille, ho risolto creando un nuovo layout a sezioni