1

我的 HTML 页面中有四个链接。（页面左侧）。单击链接时，我需要显示和隐藏每个链接的相关 div。

如果我点击第一个链接，那么我需要在页面右侧显示第一个 div。如果我再次点击第二个链接，那么我需要在第一个 div 之后显示第二个 div。

为此，我已将所有这些 div 对齐到左侧。（给定样式为“float:left”）。这在 Firefox 和 IE 中正常工作。但在谷歌浏览器中不起作用。我可以在 chrome 中看到所有这些 div 在相同的位置，而不是一个接一个。

如果有人能给出有用的答案，我真的很感激。谢谢你

4

1 回答 1

1

确保将所有这四个 div 放在另一个 div（容器）中，并将包含 div 的宽度设置为与您的四个潜水相同或仅大 2-3px。像这样：

<div id="container" style="width: 202px">
    <div id="inner1" style="width: 200px; float: left"></div>
    <div id="inner2" style="width: 200px; float: left"></div>
    <div id="inner3" style="width: 200px; float: left"></div>
    <div id="inner4" style="width: 200px; float: left"></div>
</div>

如果你使用浮动定位，你应该总是使用一个容器 div，它会告诉你的浏览器一个准确的空间来定位内部 div。我总是被告知，在任何浏览器中使用没有容器的浮点数会产生不可预测的结果。

于 2012-06-25T11:29:56.120 回答