Question

我用我的布局来解决一个奇怪的问题，它在整个窗口看起来很好但在我调整窗口大小时开始向右移动。

要求是有3个全高柱2，其中2个具有固定宽度，另一个占据剩余空间。

我无法控制看起来像这样的html：

<div id="wrapper">
  <div id="main">

     <div id="nav">
     </div>

     <div id="container">
       <div id="content">
       </div>
       <div id="sidebar">
       </div> 
     </div>        
  </div>
</div>

我提出了一种使用负边距和相对定位来完成所有这些工作的方法，工作正常，除了当窗口非常小时，整个内容向右移动。我有一个简单的解决方案来防止这种情况吗？我也想知道为什么会发生这种情况，因为我无法理解这一点。

的jsfiddle：

http://jsfiddle.net/u5yJd/

Answer 1

CSS中有两个修复：

在#wrapper上点击margin-left并设置left: 0px;
on #main添加left: 264px;

修正了fiddle只做了那些更改。

你的#wrapper离开了窗口的左边，你希望你的#wrapper（在这种情况下）在窗口中，否则对它的定位会有点时髦。

负边距布局在小窗口尺寸上移动

1 个答案: