IE8 css float問題

來源:互聯網
上載者:User
<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;

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.