0

我需要并排放置 2 个 div。但更重要的是，我希望它在 IE6/7 中正确显示。不过，我已经设法用 Firefox 成功了。我的代码：

#container{
    padding:10px;
}

#left{
    float:left;
    width:500px;
}

#right{
    width: 300px;
    float:right;
    padding:7px;
    background-color:#F0FCEB;
}

<div id="box"> 
<div id="left">Some content here</div> 
<div id="right">Some content here 2</div>
<div style="clear:both;"></div>
</div>

结果如下图：

所需输出（FF 输出）： 期望的输出

IE6/7 输出： IE6/7 输出 如何在 IE 中摆脱这种不必要的填充，或者有其他方法吗？注意：我使用 jQuery 和 Nifty for jQuery 创建圆角。

4

3 回答 3

5

这里有一些内容 2

那是什么内容？您的示例按原样工作，因此是内容本身导致问题的原因。

它是否可能包括一个表格，就像它在镜头上的样子？

<form> 有一个默认的顶部/底部边距，垂直边距如何折叠是一些混淆和浏览器差异的问题（如果可能，通常最好避免）。所以迷你重置规则：

form { margin: 0; }

可能会有所帮助。

于 2009-04-15T14:15:43.340 回答
1

不要使用桌子！我经常对长表格使用无序列表。但这里 2 个 div 可能会起作用。确保为便于访问，您将 Ara: 标记为 a<label>并将其与输入字段相关联

确保在表达之前重置项目的默认填充和边距。

#box label, #box input {margin:0;padding:0;}
于 2009-04-15T13:28:15.933 回答
-3

使用 a <table>，根据我的经验，它们最适合并排对齐

于 2009-04-15T13:17:12.577 回答