在我为背景图像添加新的 div 类后,顶部、底部和页面菜单变为白色。 样式.css
#boundless{
background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
line-height:20px;
font-size:14px;
font-family:"Trebuchet MS";
margin:0
}
index.php
<body>
<div id='boundless' onclick='window.location.href="http://boundlessny.com/clothing"'>
最佳答案
使用 Firebug,我发现问题出在 style.css 中的第 16 行:
margin:165px auto 20px;
如何调试此类问题:
- 考虑可能的原因,在执行以下每个操作后重复此步骤。
- 通过在有问题的部分(在本例中为空白底部)上打开上下文菜单来打开 Firebug,然后选择
Inspect Element
- 查看 将鼠标悬停在节点上以查看哪个覆盖了问题发生的位置。我现在感觉可能的原因是不正确地使用边距、填充或宽度。
- 通过查看右侧 Pane 中的
Style
选项卡来隔离 CSS/元素。如果需要,展开一个节点。 - 禁用或更改 CSS 属性的值以查看它是否真的导致了问题。
关于html - 是什么导致顶部和底部出现空白?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3778878/