clearfix 方法 - TerryLee7788/JS_test GitHub Wiki

方法一

<style>
.clearfix:after{ 
  content:""; 
  display:block; 
  clear:both; 
}
ul li{
    float:left;
}
</style>

<ul class="clearfix">
    <li></li>
    <li></li>
    <li></li>
</ul>

IE6 也可正常運作

方法二

<style>
ul li{
    float:left;
}
</style>

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
<div style="clear:both;"></div>

方法三

這方法IE6還是IE幾(忘記了), 不支援

<style>
ul{
    overflow:hidden;
}
ul li{
    float:left;
}
</style>

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

學習的筆記

⚠️ **GitHub.com Fallback** ⚠️