Html 如何使页面顶部在放大或缩小时仍保持与正文不同的颜色？

我见过类似的问题，但到目前为止，我找不到任何明显的问题。在我的网站上，最上面的部分与我使用div创建的主体颜色不同，并设置该div的颜色。两个简单的问题

无论放大还是缩小，如何使div填充屏幕标题的整个部分

当我放大浏览器时，如何防止标题和菜单栏掉出来

我已经接近了很多次，但总有一个妥协。要么div填充整个页眉，但当我放大文本时，文本会掉出来，导致div环绕页面，要么菜单会环绕页面，结果令人沮丧。我希望我写的东西有意义，但如果不是，这里是一个我想要完成的明确例子。 请注意，在此页面上，如果放大或缩小，顶部部分仍然填充相同的颜色

如何使该div填充 屏幕，无论我放大还是缩小

---

只需使用

宽度：100%

&&边距：auto

添加css，谢谢，但请阅读我问题的其余部分。我能够理解这一部分，但是当向child div添加文本时，它会产生问题。你能解释一下你问题的其余部分吗，或者发布你问题的JSFIDLE示例吗。。。注意页眉是如何固定的，当你缩小时，它仍然占据整个屏幕的宽度？这需要的不仅仅是宽度：100%