Html 浮动div在Chrome中不起作用，而在其他浏览器中起作用

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

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

为了做到这一点，我将所有这些div向左对齐（给出了“float:left”的样式）。这在Firefox和IE中正常工作，但在Google Chrome中不起作用。我可以在chrome中看到所有这些div处于相同的位置，而不是一个接一个

---

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

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

<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>

---

如果使用float定位，则应始终使用container div，这将告诉浏览器它必须放置内部div的确切空间。我总是被告知，在任何浏览器中使用不带容器的浮动都会产生不可预测的结果。

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

<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>

---

如果使用float定位，则应始终使用container div，这将告诉浏览器它必须放置内部div的确切空间。我一直被告知，在任何浏览器中使用不带容器的浮动都会产生不可预测的结果。

jsfiddle.net，请向我们展示您的代码，在jsfiddle.net上上传您的主要代码并提供link.jsfiddle.net，向我们展示您的代码，在jsfiddle.net上上传您的主要代码并提供链接。