5

我记得不久前问过这个问题，但我似乎再也找不到了！我已经搜索过，但似乎找不到我正在寻找的解决方案。

假设我有两个 100% 宽度的 div 彼此相邻浮动。由于它们占据了整个屏幕宽度，因此不再有任何空间可供它们浮动，因此第二个 div 出现在第一个 div 下方。我想要的是让第二个 div 继续漂浮在第一个旁边的屏幕之外。

我认为我得到的解决方案是将显示属性设置为其他内容，但我不完全确定。

有什么建议么？

4

3 回答 3

5

我相信你必须有一个容器并将容器宽度设置为 200%。两个宽度为 50% 的内部 div 将适合内部。

#container_div{ width:200%}
.inner_div {width:50%}
于 2011-09-07T17:02:08.907 回答
0

你可以绝对定位它们。

<body style="padding:0; margin:0">
    <div style="width:100%; position:relative;">
        <div style="width:100%; height:100px; background:#f90; position:absolute; top:0; left:0;">COLUMN1</div>
        <div style="width:100%; height:100px; background:#f00; position:absolute; top:0; left:100%;">COLUMN2</div>
    </div>
</body>

它们绝对定位在相对定位的父级的范围内。

然后你在它们之间切换，你只需切换左边的值，分别从 0 到 100%。

  • 高度和背景颜色只是为了看看发生了什么:)
于 2011-09-07T17:15:27.927 回答
0

给两个 div 50% 的宽度，这样它们一起占据 100% 的宽度

于 2011-11-09T13:42:13.517 回答