IE6浮动换行bug比较实用简单解决方法

我将介绍IE6浮动换行bug的一种实用简单的解决办法。虽然这不是最好的解决方案，但它在实际应用中非常有效。让我们来看一下相关的代码。

你的CSS样式表应该是这样的设置：对于主要容器（`.main`），设置其宽度为自动调整，并且保证两侧空白均衡；高度设为自适应；清除浮动属性以消除浮动元素带来的布局问题；同时设置溢出隐藏以防止内容溢出容器。代码如下：

```css

.main {

width: auto; / 自动调整宽度 /

margin: 0 auto; / 保证两侧空白均衡 /

height: auto; / 高度自适应 /

clear: both; / 清除浮动 /

overflow: hidden; / 防止内容溢出容器 /

}

```

接下来，对于左浮动区域（`.main_l`）、中心浮动区域（`.main_c`）和右浮动区域（`.main_r`），设定相同的宽度和高度，并使用浮动属性将它们定位在左侧或右侧。代码如下：

```css

.main_l {

width: 360px; / 左浮动区域宽度 /

height: 270px; / 高度设定 /

float: left; / 左浮动定位 /

}

.main_c {

width: 360px; / 中心浮动区域宽度 /

height: 270px; / 高度设定 /

float: left; / 左浮动定位 / / 注意这里可能需要调整，因为通常中间内容可能需要右浮动定位 /

}

.main_r {

width: 260px; / 右浮动区域宽度 /

height: 270px; / 高度设定 /

float: right; / 右浮动定位 /

}

```

然后，在HTML中按照相应的类名创建div元素，将内容放入这些div中即可。例如：

```html