Html 标题颜色不完整/全宽[IMG Inside]

标题的颜色不完整/全宽 HTML：

<header class="headerstyle">
    <div id="headerstyle"></div>

        <!-- Side Navigation Bar Items -->
        <div id="mySidenav" class="sidenav">
            <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
            <a href="languages.html">Languages</a>
            <a href="tools.html">Tools</a>
            <a href="contact.html">Contact</a>
            <a href="about.html">About</a>
        </div>
        <!-- The three line Menu -->
        <span onclick="openNav()">
            <div class="menu"></div>
            <div class="menu"></div>
            <div class="menu"></div>
        </span>
</header>

不要问SideNav是否工作（它需要JS）， 我只需要标题的颜色是全宽/或完整的（和响应性）

---

我不擅长解释xD

在css中添加宽度：100%。 小提琴示例 （）

CSS:

 .headerstyle {
        background-color: #4CBFBC;
        padding: 0px;
        margin: 0px;
        position: absolute;
        width: 100%;
    }


    /* The Three Line Menu */

    .menu {
        width: 25px;
        height: 2px;
        background-color: black;
        margin: 6px 0;
        padding: 2px;
        position: relative;
        left: 3px;
    }

---

你能试着增加你的头型班级宽度：100%；？你的测试设备是什么？@Minar Mnr所有浏览器宽度（小-大响应尺寸）检查下面的小提琴。它能解决你的问题吗？@Minar Mnr我明天试试，因为我需要休息一下。。。感应电动机

 .headerstyle {
        background-color: #4CBFBC;
        padding: 0px;
        margin: 0px;
        position: absolute;
        width: 100%;
    }


    /* The Three Line Menu */

    .menu {
        width: 25px;
        height: 2px;
        background-color: black;
        margin: 6px 0;
        padding: 2px;
        position: relative;
        left: 3px;
    }