【问题标题】:spacing (margins?) between divsdiv 之间的间距(边距?)
【发布时间】:2013-04-13 08:38:26
【问题描述】:

http://test.recollectedtime.com

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

我试过通用选择器,

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

我正在使用 reset.css。

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

任何指导将不胜感激

【问题讨论】:

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

标签: html css default margin


【解决方案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;


}

【讨论】: