IE8 css float问题
<style>
.parent
{
width:100%;
}
.left
{
width:140px;
float:left;
}
.center
{
margin-left:150px;
margin-right:110px;
}
.right
{
width:100px;
float:right;
}
.clear
{
clear:both;
}
</style>
<div class="parent"><div class="left"></div><div class="center"></div><div class="right"></div><div class="clear"></div></div>
--注意:
当然如上布局时在ff,ie8下时,parent底部会产生空白。解决办法修改.parent,添加overflow:hidden;
.parent
{
width:100%;
}
.left
{
width:140px;
float:left;
}
.center
{
margin-left:150px;
margin-right:110px;
}
.right
{
width:100px;
float:right;
}
.clear
{
clear:both;
}
</style>
<div class="parent"><div class="left"></div><div class="center"></div><div class="right"></div><div class="clear"></div></div>
--注意:
当然如上布局时在ff,ie8下时,parent底部会产生空白。解决办法修改.parent,添加overflow:hidden;
作者:Olar Tan
出处:http://www.cnblogs.com/olartan
♪:没有做不到的 只有偷懒而错过的 ♪