1

我在 chrome/safari 中有一个奇怪的垂直间距错误，我在 Firefox 中设置它时错过了它。似乎某些垂直间距规则被其中一个或另一个忽略了。我已经浏览了代码，但不知所措 - 将我指向正确的方向将不胜感激 - 提前非常感谢。

该网站是关于教孩子们健康饮食的重要性，网址是： http: //ourgrowthplace.us/

4

3 回答 3

2

如果您想像您尝试的那样将 div 彼此相邻放置，请使用float：

#left {
  float: left;
  width: 100px;
}
#right {
  float: right;
  width: 50px;
}
.clear {
  clear: both;
}

我还添加了一个 .clear 类：确保清除浮动，以便后面的任何内容都位于这两个浮动下方：

<div id="left">left content</div>
<div id="right">right content</div>
<div class="clear"></div>

此外，您不能left/right/top/bottom在相对位置元素上使用。将它们用于绝对定位的元素，而不是将position:absolute元素放置在position:relative元素中。在这种情况下，您不应该使用它。

并尽量避免使用margin将元素“推”到某个位置。现在，您要添加一个负的上边距以使其上升。但如果你这样做，通常意味着你应该尝试另一种布局设置。

于 2011-01-16T18:13:18.923 回答
1

我建议您首先确保您的页面符合您在 DTD 中使用的规范，您指定的地址上的页面不是有效的 XHTML 1.0 过渡，也不匹配指定的字符集 (iso-88559-1)。这实际上意味着渲染结果可能是不可预测的，并且会因浏览器而异。

于 2011-01-16T18:02:09.893 回答
0

我不知道你在说什么垂直间距规则，但是设置元素间距的正确方法是通过边距。

margin:top right bottom left;
于 2011-01-16T17:58:53.293 回答