ajax加载内容但我的div不会扩展以适应它

Question

我有一个页面，其中的静态数据将按下div以使其更长。但是当我使用ajax加载的内容时，div将保持原来的大小，看起来我的新内容只会重叠...

我有这样的设置

<div id="wrap">
    <div id="main-content">
        <div id="content-fill">
           <div id="files_left_pane">static content</div>
           <div id="files_right_pane">ajax content</div>
        </div>
    </div>
</div>
#content-fill {border:1px solid #BDBDBD; width:919px;}
#files_left_pane {float:left; border-right:1px solid #BDBDBD; width:100px;}
#files_right_pane {float:right; widht:819px}

右窗格的高度由左窗格的高度控制，因为那里有静态内容，主要是我的导航菜单。

任何建议？

Answer 1

将您的div位置设为相对

<div id="files_right_pane" style="position: relative;">ajax  content</div>

Answer 2

就我在添加内容时测试它，然后div从左侧开始。发生这种情况是因为您没有设置宽度。例如，为width:200px添加#files_right_pane并检查结果。

直播示例：http://jsbin.com/udori5

Answer 3

最简单的修复方法是将float：left添加到content-fill