【问题标题】:HTML/CSS Inexplicable 1px margin/border/paddingHTML/CSS 莫名其妙的 1px 边距/边框/内边距
【发布时间】:2012-07-20 19:56:12
【问题描述】:

注意:该网站目前无法在所有浏览器中正确显示。这是与这篇文章的目标不同的目标。请使用 safari 查找和诊断问题。

(已解决网址已删除)

是我们的网站。

在 safari 中查看,您会看到:

仔细观察箭头指示的区域,您可以看到我们的...“主题表”的标题和底部之间有 1px 的间隙。

我找不到任何理由说明它应该在那里!我使用了 safari 网络检查器并检查了每个元素,没有边框,没有边距,没有任何东西!它根本不应该存在!然而,确实如此。

所以我假设他是某种 CSS 错误/怪癖,我不确定它到底源自 HTML 的何处,甚至开始在谷歌上搜索它。任何人都可以就实际导致此问题/如何解决此问题提供任何帮助吗?

【问题讨论】:

    标签: html css margin padding


    【解决方案1】:

    表格导致了您的问题。您可以通过添加此 CSS 来修复它(导致更多问题):

    .table_list {
        border-collapse: collapse;
    }
    

    但实际上,为部分标题使用表格是没有用的,尽管它可以用于显示论坛/论坛/其他内容的列表。

    【讨论】:

    • 他还需要删除负边距底部。 div.cat_bar { 边距:0px }