在这个问题中,您希望了解如何在 Internet Explorer 6 和 7 中使两个 div 元素并排显示,同时修复浮动和填充问题。以下是一个简单的解决方案,使用 CSS 属性来实现这一目标:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
.container {
overflow: hidden;
width: 100%;
}
.float-left,
.float-right {
float: left;
width: 48%;
margin-right: 2%;
}
.float-right {
float: right;
}
<div class="container">
<div class="float-left">
<!-- Content for the first div goes here -->
</div>
<div class="float-right">
<!-- Content for the second div goes here -->
</div>
</div>
这个解决方案应该可以在 Internet Explorer 6 和 7 中使两个 div 元素在同一行上显示,同时修复浮动和填充问题。
请注意,Internet Explorer 6 和 7 已经非常古老,不再被广泛使用。如果可能的话,最好尽量兼容更新的浏览器版本。
领取专属 10元无门槛券
手把手带您无忧上云