css - 如何解决由于 css 冲突而导致的布局设计错误？

Question

页面的设计应如下所示：

在这个页面中加载了另一个 css 文件，带来了 css-tags 的一些不需要的属性，这使得设计不受欢迎，例如蓝色字段中的文本被移动。 http://www.ski.kommune.no/Skoler/Finstad/Praktisk-informasjon/Test-av-bildegalleri/

在上面的示例中，哪些 css-tags 造成了设计问题？我用 Firebug 找过，但我找不到。恢复设计的最佳方法是什么？

score 0 · Accepted Answer

问题来自主水平菜单中的第 5 项。
那里的列表项有一个class="calendar".
根据浏览器开发工具，该类是：

.skole .calendar, .skole .news-list {
overflow: hidden;
margin-bottom: 20px;
}

问题是保证金底部。解决问题：
最好的方法是将 2 个类分开并从日历类中删除 margin-bottom。
忠告：
尝试学习如何使用不同的浏览器开发者工具。
在我看来，最好的是 chrome 和 firebug。
玩得开心！

1 回答 1