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

Question

页面的设计应该是这样的:

http://www.ski.kommune.no/Skoler/Finstad/

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

在上面的例子中，哪些 css 标签造成了设计问题？我用 Firebug 查看，但找不到。恢复设计的最佳方法是什么？

Answer 1

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

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

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