html - reddit 如何创建没有任何边距的顶部标题？

Question

我正在使用 chrome 开发人员工具查看代码，并尝试在我的网站上模拟它，但它的工作方式不同。

显然通过设置边距:0;，边距被删除，但边距在技术上不需要为负数就没有空间了吗？

我没有在 css 格式中看到边距是如何完全消失的。

有什么想法吗？

我的CSS:

.header{
    width: 100%;
    height: 30px;
    background-color: #CCC;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin: 0px;
}

我的 html:

<div class = "header">
    <strong>Categories:</strong>
    <?php foreach($categories as $category): ?>
    <a href = ".?category_id=<?php echo $category['categoryID'];?>"><?php echo $category['categoryName'];?></a>
    <?php endforeach; ?>        
</div>

Answer 1

将边距设置为零应该足以使其与包含它的内容对齐——但包含它的内容可能会提供自己的间距。我猜想当您 删除页眉上的边距时，您还没有从正文中删除任何填充。尝试添加此规则:

body {
    margin: 0;
    padding: 0;
}