如何全屏显示忽略父元素样式的子元素CSS

Question

我有一个宽度为200px的div和一个宽度为100％的child-div

<div id="header">
   <br>
   <br>
   <div id="headerContent">
       <h1>Header text</h1>
    </div>
    <br>
    <br>
</div>

#header{width:100px; background: blue; padding: 10px 0;}
#headerContent{margin: 0 auto; width: 100%;background:red}

我想将headerContent设为全屏宽度