调整滚动位置相对于窗口中心调整大小？

Question

所以基本上我有3个行内div像这样水平堆叠：

div1-div2-div3

div1和div3是摩天大楼广告，而div2是我的主要内容包装器。 我最初遇到的问题是，每当我调整窗口大小以使其宽度小于div的宽度总和时，div2和div3都会换行到div1下的下一行，因为它们不适合同一行（查看时出现相同问题）从智能手机或平板电脑访问网站，因为它们的宽度较小），而div1（广告）会以笨拙的方式位于该页面的居中位置。 我通过在body标签上添加white-space: nowrap来防止div换行，并在content-wrapper div中添加了white-space: normal来防止其继承自body元素，从而使内容文本可以正常换行，从而解决了这一问题。 这解决了这个问题，现在当我访问该网站时，无论浏览器的宽度如何，三个div总是在同一行上，并且如果需要，还有一个水平滚动条。

但是，滚动条始终从左侧开始，因此我应该位于居中位置的主要内容我的内容包装器（div2）不在。 而是div1（ad）首先显示在左侧，然后显示内容包装器。 我该如何纠正这种情况？ 我知道，如果我要摆脱身体上的自动换行功能，divs将以我想要的方式居中，但这会带回divs换行的最初问题，而当它们不应该换行时。 无论如何，我可以使用CSS来解决这两个问题吗？

Answer 1

我曾经做过类似的事情，需要在主内容区域的右侧偏移一列。 将列右移很容易，但是真正的技巧是防止它影响页面的溢出/滚动。

解决方案是将以下两个属性添加到包装我的主要内容和列的容器中：

#wrap { 
    min-width: 960px; 
    overflow-x: hidden; 
}

我对它进行了修改，以显示如何在两边有两个摩天大楼的三列布局中使用它： DEMO