时间戳

首页 > 解决方案 > 如何删除此标题左侧的空白区域？

html - 如何删除此标题左侧的空白区域？

问题描述

我最近开始自己学习css和html，我想在页面顶部制作一个带有一些菜单等的标题/横幅，但我意识到标题左侧有这个“间隙” 。

这是我的这个标题的CSS。

.header {
    background: #555;
    color: #f1f1f1;
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0 auto;
}

这是html

    <div class="header">
        <!-- code -->
    </div>

标签： htmlcss

解决方案

您可以使用此代码重试。你必须设置left: 0;

.header {
    background: #555;
    color: #f1f1f1;
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0 auto;
    left: 0;
}
<div class="header">
        <h3 class="header-name">Hype RP</h3>
    </div>

推荐阅读