html - webkit 中的边距问题

标签 html css

我对我的 HTML/CSS 技能有一个简单的了解。

代码是这样的

HTML 代码:

<!DOCTYPE html>
<html lang="en">
  <head>

    <title> Margin Problem </title>
    <link href="doubt1.css" rel="stylesheet" type="text/css">
  </head>

  <body>
    <div class = "page-header">
                Example Header 
    </div>
  </body>
</html>

CSS 代码:

h1
{
    color:#FFFFFF ;
}
.page-header
{
    background:#9C27B0;
}

当我在 chrome 中运行它时,我的文本“Example Header”出现在页面顶部的一些空白行之后,当我检查元素时,chrome webkit 默认将边距设置为 8px 我可以找到减少它的方法吗?

最佳答案

所有浏览器(不仅在 webkit 上)的 body 标签都有一个默认边距值,只需使用即可重置:

body {
  margin: 0;
}

关于html - webkit 中的边距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28439777/

相关文章:

javascript - ng-repeat 和指令的 Angular 性能问题

jquery - 有没有办法获取下拉列表中未选定项目的值?

html - 当我最小化我的网页时,一切都搞砸了

css - 绝对位置元素不能溢出其他 flex 元素

javascript - 单击 [Javascript] 时更改所有 Div 颜色

css - 增加图表中的数字大小

html - 需要更改滚动条的背景颜色

javascript - jquery php codeigniter 中动态创建的输入字段值

javascript - 更新了幻灯片高度的响应式 slider

javascript - 调整中间容器的大小