title: Escape higher level div css in HTML
body: <p>Let me give an example of my problem: I'm working with magento (just explaining) and i want to make a full-width banner. Perhaps, Magento by default place a </p>
  
  <blockquote>
    <p>class="container"</p>
  </blockquote>
  
  <p>div that limit the width for the custom grid they have. So, i don't know what to do to get the full-width banner when it's placed (forced by Magento structure) inside a div with max-width setting.</p>
  
  <p>In fact, i did some "margin" and "padding" configuration, but i'm trying to avoid this exaustive path just for one banner.</p>
  
  <p>Here is my example: <a href="https://jsfiddle.net/mq4sr8d8/1/" rel="nofollow noreferrer">https://jsfiddle.net/mq4sr8d8/1/</a></p>
  
  <pre><code>&lt;div class="background-size"&gt;&lt;div class="outside"&gt;&lt;div class="inside"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>