固定div的保证金宽度为100％？

Question

我需要一个固定的标题，内容（正文）可以在其下滚动。此标头应为父节点的100％，但父节点具有一些边距权限。固定标头获得窗口宽度的100％而不是父窗口。

如何解决这个问题？

实施例： http://jsfiddle.net/4u0c85k8/

HTML

<div id="parent">
    <div id="child">
        <div id="header">
            HEADER
        </div>
        <div id="content">
            CONTENT
        </div>
    </div>
</div>

CSS

#parent {
    width: 100%;
    border: solid 1px black;
}

#child {
    background-color: lightgray;
    margin: 0 8px;
    width: auto;
}

#header {
    position: fixed;
    height: 28px;
    top: 17px;
    background-color: lightgreen;
    width: 100%;
}

#content {
    margin-top: 36px;
    height: 1000px;
}

Answer 1

如果您更改此css的宽度：100％：

right:0px;
left: 0px;
margin-left:17px;
margin-right:15px;

它有效，但我不认为它是最好的解决方案。