Javascript 如何删除flexbox默认填充/页边距/页边距？

我目前正在启动我的高级论文网站（从头开始）。我使用flexbox作为html的结构，但我想知道如何删除flexbox的默认页边距或页面

HTML正文

<header>
    <section>
        <!--Start of Logo-->
        <div class="logo_section">People Tracking System</div>
        <!--End of Logo-->

        <!--Start of Time-->
        <div class="time_section">
            <br><br>
            <div id = "time" ></div>
            UCT+8
        </div>
        <!--End of Time-->

        <!--Start of Login Form-->
        <div class="login_section">
            <form action="login.php" class = "container" method="POST">
                <div class="container">     
                    <label>login: </label> &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input id = "inputform" type="text" placeholder="Enter Username" name="uname" required>
                    <br>
                    <label style="text-align:right">password: </label>&nbsp;
                    <input id = "inputform" type="password" placeholder="Enter Password" name="psw" required>
                    <br>
                    <input type="checkbox" checked="checked"> Remember me
                    <button type="submit" id ="submit">Login</button>
                </div>
            </form>
        </div>
        <!--end of login form-->
    </section>
</header>

---

我希望你能在这个问题上帮助我。谢谢

我认为这可能发生在JSFIDLE中。如果仍在您的页面中发生，您可以：

body {
    margin: 0;
}

body {
    margin: 0;
}