問題討論區


【CSS 語法】問題討論區


【問題】 有關清除浮動的clear寫法



有關清除浮動的clear寫法
會員二級
註冊日期:
2009/2/16 20:35
留言: 7
老師您好,
之前在CSS的課程上我們學習到用<br clear="both">這種概念在清除Float浮動區塊,
我最近看到有人寫到另一種方法是使用clearfix:after,
寫法是這樣:

css:
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%; /* End hide from IE-mac */ }
/* ie7 hack*/
*+html .clearfix { min-height: 1%; }
/*]]>*/

而在xhtml只要在要消除浮動的該區塊新增class="clearfix "
就能達到同樣效果且少撰寫一行<br clear="both">,
因為語法寫的比較複雜有點難懂…
想問問老師這種方法是不是真的比較好用呢?

2010/10/24 1:29
 


回覆: 有關清除浮動的clear寫法
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1169
clearfix:after 也是很受歡迎的一種方法,這個方法用了比較多的破解手法,所以比較難懂。

<br clear="both"> 這個方法也是,只是比較簡單使用。

其本上,平時工作時只要習慣固定使用一種方法就可以了。

k.n 同學真是用功,贊喔!

2010/10/24 9:59
 


回覆: 有關清除浮動的clear寫法
會員一級
註冊日期:
2009/7/25 17:32
留言: 4
clearfix除了可以清除浮動
還可以讓父元素自動包圍浮動子元素
算是一舉兩得

2010/10/25 9:31
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 2 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS