html - HTML 页面上不需要的白色区域

标签 html css

我使用从头开始制作的 CSS 制作了一个网站。

The Page The CSS

随机在两个地方有不需要的空格:

  • 在主要内容区域上方(下方 菜单栏)。
  • 在主要内容区域下方和 侧边栏和页脚上方。

我尝试了各种解决问题的方法,例如边距和填充,但它们似乎没有用。

我该怎么做才能去除这些白色区域?

最佳答案

额外的空白来自浏览器的默认样式表。添加这些规则:

h2 {
    margin: 0;
}

h4 {
    margin: 0;
}

要解决此问题并防止将来出现此问题,我建议使用 CSS 重置。 Eric Meyer's是一个被广泛推荐的;另一个不错的选择是 YUI CSS Reset .

关于html - HTML 页面上不需要的白色区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5093479/

相关文章:

css - 如何让这个 div 比另一个 div 更向左浮动?

html - 尽管 z-index : 4 (highest layer),元素在层下消失

CSS 过渡不起作用

javascript - 粘性导航和 coverflow 插件出错

html - 如何垂直排列 flex 容器内的元素?

html - 在切换时更改导航栏品牌文本

html - 在不移动页面其他元素的情况下 float Div

css 寻址不是顺序元素

javascript - 未定义 ParticleJS

javascript - 从 Node.js 加载 html 和静态资源