【问题标题】:html cannot get rid of top marginhtml 无法摆脱上边距
【发布时间】:2015-01-03 18:29:41
【问题描述】:

我的网页有上边距。

我无法摆脱它。我试过了

html {
    margin:0px;
}
body {
    margin:0px;
}

【问题讨论】:

  • 你能分享你的网址吗
  • 请上传所需的 HTML 和 CSS
  • 您是否检查了在开发人员工具计算选项卡中应用了边距的元素?也许margin-top 在其他地方被显式覆盖,因此另一个边距优先。
  • 尝试使用:html { margin:0px !important; } 但如果你分享一些代码会更好。
  • 您使用的是模板吗?或者另一个覆盖你的CSS样式表。如果您共享 HTML 和 CSS,人们可能会为您提供帮助。

标签: php html css web


【解决方案1】:

尝试调用合适的重置 css Reset CSS

CSS 重置(或“重置 CSS”)是一组简短的、通常压缩(缩小)的 CSS 规则,可将所有 HTML 元素的样式重置为一致的基线。如果您不知道,每个浏览器都有自己的默认“用户代理”样式表,用于使无样式的网站看起来更清晰。

【讨论】:

    【解决方案2】:

    很多css元素都有默认的margin和padding,总是使用reset css 在您的 css 中添加以下代码

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    html,body {
        margin:0;
        padding:0;
    }
    

    或参考以下链接 http://www.javascriptkit.com/howto/nomargin.shtml

    【讨论】: