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

秋天来啦!秋天来啦!田野里就是美丽的图画。花生躲在地下,包着红色的毛毯,住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子,在叶子上跳舞,南瓜爷爷鼓着金黄色的大肚子,坐着高级的南瓜车,一边看风景一边享受。西红柿露出火红火红的脸蛋,正对着我们微笑。谁使秋天这样美?看,田野里的菊花做出了回答,菊花顶着一个爆炸头,在微风中轻轻摇动,好像在说:是勤劳的人们画出了秋天的图画。
我将介绍的是IE6浮动换行bug解决办法之一

虽然不是最好的办法但是 比较实用简单的办法

看代码:
复制代码
代码如下:

.main
{
clear: both;
height: auto;
margin: 0 auto;
overflow: hidden;
width: 980px;
}
.main_l
{
height: 270px;
width: 360px;
float: left;
}
.main_c
{ float: left;
height: 270px;
width: 360px;
}
.main_r
{
height:270px;
width: 260px;
float: right;
}

复制代码
代码如下:

<div class="main">
<div class="main_l">1</div>
<div class="main_c">2</div>
<div class="main_r">3</div>
</div>

本文IE6浮动换行bug比较实用简单如何解决方法到此结束。成功人的背后总会有一个不寻常的故事。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例