Css IE7浮动框在页面加载后跳转

Css IE7浮动框在页面加载后跳转,css,internet-explorer-7,css-float,Css,Internet Explorer 7,Css Float,Internet Explorer 7无法正确呈现两个左浮动框。我遇到了一个问题。 我有两个小的div框,其中包含一些表单元素,彼此相邻,它们都向左浮动。第一个盒子的左边距为25px,以便与容器保持一定距离,而它旁边的盒子的左边距为15px,以便在两个盒子之间保持一定的空间。 当页面在Internet Explorer 7中加载时,第一个框(左边距为25px)最初会正确显示,但当页面加载完成时,它会突然跳到左边,好像没有任何边距一样。 当我将两个框设置为浮动时:右边,问题似乎已经解决,但我确实需

Internet Explorer 7无法正确呈现两个左浮动框。我遇到了一个问题。
我有两个小的div框,其中包含一些表单元素,彼此相邻,它们都向左浮动。第一个盒子的左边距为25px,以便与容器保持一定距离,而它旁边的盒子的左边距为15px,以便在两个盒子之间保持一定的空间。
当页面在Internet Explorer 7中加载时,第一个框(左边距为25px)最初会正确显示,但当页面加载完成时,它会突然跳到左边,好像没有任何边距一样。
当我将两个框设置为浮动时:右边,问题似乎已经解决,但我确实需要让它们浮动到左边。有人知道如何解决这个问题吗

更新:
我已经环顾了一下,看看问题出在哪里。首先,我尝试了hasLayout属性,但它似乎与我的问题无关。但是,在这两个框下面有一个div,它通过页面加载时的AJAX请求填充内容。当我禁用AJAX请求时,框似乎保持其位置,而不是向左移动。。我不知道这两个div之间的关系是什么,因为通过AJAx接收内容的div似乎会影响上面的div。CSS属性不会被执行$.post()的jQuery函数篡改

HTML:

<div id="box_a" class="boxes">
<h2>Box A</h2>
    <ol>
        <li><label for="input1">Input 1</label><input type="text" name="input1" id="input1" /></li>
        <li><label for="input2">Input 2</label><input type="text" name="input2" id="input2" /></li>
    </ol>
</div>
<div id="box_b" class="boxes">
<h2>Box B</h2>
    <ol>
        <li><label for="input3">Input 3</label><input type="text" name="input3" id=" input3" /></li>
        <li><label for="input4">Input 4</label><input type="text" name="input4" id="input4" /></li>
    </ol>
</div>
提前感谢

这对我很有用:

简而言之,在浮动框上使用左边空白,而不是左边空白。

您能做一个简单的说明或显示问题吗?
div#box_a {
    float:left;
    margin-left:25px;
}

div#box_b {
    float:left;
    margin-left:15px;
}

div.boxes{
    padding:5px;
    border:1px solid #C5C5C5;
    background:#F4F2F3;
    width:255px;
    margin-bottom:5px;
    position:relative;
}