页面的设计应该是这样的:
http://www.ski.kommune.no/Skoler/Finstad/
此页面中加载了另一个 css 文件,带来了一些不需要的 css 标签属性,这使得设计不受欢迎,例如蓝色字段中的文本已移动。 http://www.ski.kommune.no/Skoler/Finstad/Praktisk-informasjon/Test-av-bildegalleri/
在上面的例子中,哪些 css 标签造成了设计问题?我用 Firebug 查看,但找不到。 恢复设计的最佳方法是什么?
最佳答案
问题来自主水平菜单中的第 5 项。
那里的列表项有一个 class="calendar"
。
根据浏览器开发工具,该类是:
.skole .calendar, .skole .news-list {
overflow: hidden;
margin-bottom: 20px;
}
问题是margin bottom。
解决问题:
最好的方法是将 2 个类分开并从日历类中删除 margin-bottom。
忠告:
尝试学习如何使用不同浏览器的开发者工具。
在我看来最好的是 chrome 和 firebug。
玩得开心!
关于css - 如何解决由于 css 冲突导致的布局设计错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14265524/