【问题标题】:reset.css help not resettingreset.css 帮助不重置
【发布时间】:2010-10-12 18:14:03
【问题描述】:

我有一个如下所示的 reset.css 样式表,

    HTML * {
    margin: 0;
    padding: 0;
    padding: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    text-decoration:none;
}

body {
    font-family:Arial,Helvetica,sans-serif;
    font-size: 83%;
}

ul,
ol,
li {
    list-style:none;
}

a,
hover,
visited {
    color:#06508b;
}

a,
img,
fieldset {
    border: 0;
}

现在这应该使我的内容与浏览器窗口的顶部齐平,但事实并非如此,任何人都可以看到原因吗?你可以在这里看到问题http://www.ibdnetwork.co.uk

【问题讨论】:

  • 网站在 FF/Chrome/IE8 中看起来不错。您的内容周围没有边距或内边距。
  • 对我来说看起来不错。你使用的是什么浏览器?也许这里发布的屏幕截图会有所帮助。
  • 对不起,错误的网址,我没有.com 尴尬

标签: css layout reset css-reset


【解决方案1】:

在我看来,您正在重置样式表正确地删除了 body 元素上的边距和填充。这让我认为是身体内部的某种东西将你的内容推到了位置。

快速浏览一下 firebug...

看起来你在 default.css 第 20 行的样式需要是:

h1 {
    font-size:28px;
}

只需删除margin-bottom:25px

【讨论】:

  • 是的,另外我注意到一些标签没有正确关闭,比如第 55 行:
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多