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

时间:2013-01-10 19:13:11

标签: css

页面的设计应如下所示:

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

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

在上面的例子中,哪些css-tags正在创建设计问题?我看着Firebug,但我找不到。 恢复设计的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

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

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

问题有保证金底部。   解决问题:
最好的方法是分离2个类并从日历类中删除margin-bottom 一句忠告:
尝试学习如何使用不同的浏览器开发工具 在我看来,最好的是铬和萤火虫 玩得开心!