css - div与屏幕左侧产生一个小缝隙是怎么回事？

问题描述

问 题

背景：我是初学者，还在仿写页面的程度。

写了个div，没有内容，设置了大小和颜色，CSS如下：

.toolbar_top{
        background-color: rgb(83,83,83);
        width: 1368px;
        height: 50px;
    }

结果屏幕左边出现了一个小小的缝隙（白色），如图：

我已经加上：

margin-left：-10px;

解决了，但是想知道为什么会产生这种情况？

解决方案

浏览器一般都会给予HTML不同的标签不同的样式，比如body的默认样式是margin:8px;display:block（谷歌浏览器下）
H1-H6 标签有不同的字体大小、
ul、ol、li有列表样式等等
可以搜索 css reset

这篇关于css - div与屏幕左侧产生一个小缝隙是怎么回事？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！