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