【问题标题】:Css: Mysterious marginCss:神秘的保证金
【发布时间】:2013-07-31 22:20:20
【问题描述】:

有人知道为什么会出现这个神秘的边缘吗? This is the link to my site

我什么都试过了!关闭和打开所有边距并使用填充 但我就是找不到问题为什么会出现水平滑块?

感谢大家的帮助!

【问题讨论】:

  • 尝试删除关闭</html>元素后出现的脚本
  • 这不是我的工作。它由我的托管服务 000webhosting 添加
  • 由于浏览器默认样式不同,所以有一种做法是使用 reset.css meyerweb.com/eric/tools/css/reset

标签: html css web margin padding


【解决方案1】:

your css 中有一个非常严重的错字:

body{
    marign: 0px;
    background-color: #e6e6e6;
    width: 100%;
    height: 100%;
}

margin 拼写错误。

为了消除出现的一些奇怪的边距,我建议将其添加到您的代码中:

body {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

通常是一个非常安全的赌注,可以消除一些不必要的利润并解决您的问题。我知道您在所有地方都有一些边距,但是从您的帖子中我们很难了解您要消除哪些边距。

【讨论】:

  • 这样就完成了!谢谢!我在早上 6 点写身体边缘,我很困,甚至没有看到。 6分钟后我会给你答案
  • @RaslavM 很高兴我能帮上忙。现在是早上 5 点,因为我刚刚发现这个,我们都按照不同的时间表工作 ;)
【解决方案2】:

使用此代码:

body {
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
}

可能对你有帮助

【讨论】:

    【解决方案3】:

    它位于 fg_membersite.css 第 5 行

    body {
        background-color: rgb(230, 230, 230);
        width: 100%;
        height: 100%;
    }
    

    改成这个:

    body {
        background-color: rgb(230, 230, 230);
    }
    

    【讨论】:

    • 是的,但是我该如何下推我的内容呢?而且它也不能修复错误
    • 移除body宽高样式
    • Nop jdero 是对的,如果你仔细观察,你会发现我在 body 标签中拼错了 margin
    【解决方案4】:
    .ads {
    width: 160px;
    height: 600px;
    background-color: orange;
    float: right;
    }
    .content {
    margin-top: 50px;
    width: 100%;
    height: 100%;
    }
    

    【讨论】:

    • 正文标签中的页边距再次拼写错误,但无论如何都需要帮助
    【解决方案5】:

    我一直在做什么来防止这种边距/填充:

    * {
    padding:0;
    margin:0 auto;
    }
    

    它只是为每个元素提供标准的 0 边距和填充,当然,除非你为每个元素更改它。

    【讨论】:

      【解决方案6】:

      修复 jdero 所说的“body {marign...}”错字,您的单杠将消失。不过,您不需要将所有边距顶部、底部等设置为 0。修正错字后,您将拥有正文 {margin : 0px}。这就是将它们全部设置为 0 所需的全部内容。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2011-04-16
        相关资源
        最近更新 更多