div 之间的间距（边距？）

Posted 2023-04-14

【中文标题】div 之间的间距（边距？）

【英文标题】：spacing (margins?) between divs

【发布时间】：2013-04-13 08:38:26

【问题描述】：

http://test.recollectedtime.com

我的 div 之间有这些默认边距。我希望它们齐平。

我试过通用选择器，

* 
    margin-top:0;
    margin-bottom:0;
    padding:0;
 

我正在使用 reset.css。

我不明白为什么会出现边距。

任何指导将不胜感激

【问题讨论】：

不要使用!important来解决此类问题。使用具有相同特异性但写在要覆盖的选择器之后的选择器（具有相同选择器特异性的最后一条指令获胜）或使用具有更多特异性的选择器。 !important 后面会出一堆问题。

【参考方案1】：

你可以很容易地看到它：

在 Chrome 中，右键单击元素并选择“检查”以打开开发工具。 在右下窗格中，选择选项卡“计算样式”。 找到边距属性，然后单击右箭头查看详细信息。你会看到这个：

可以看到 152 px 的数据来自 style.CSS 第 35 行的“header auto”。 那是一个链接，所以你可以直接进入该行。

【讨论】：

谢谢你，没有意识到你可以准确地隔离属性的来源。很有用！

【参考方案2】：

您在 style.css 文件中应用了 100px 的边距。

看看第 38 行。

/* START HEADER--------------------  */

header 
    margin: 100px auto;     <------Here

    width: 960px;
    background-color:purple;
    font-size: 20pt;