網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

清除浮動

日期:2013-12-09  來源:攀枝花惠康網絡公司

常規斷根浮動,只要在需要斷根的阿誰元素加上clear:left、clear:right或者clear:both

可是有兩個情形下,靠以上這種簡單措置不行。

第一種情形的示例看下圖:

2008-06-21_005625.png

第二種情形的示例看下圖:

2008-06-21_010030.png

你可以訪謁口碑網首頁使用firebug睜開dom節點找到響應的位置看。


}

原版(網上搜索clearfix處處都是)對IE/MAC供給了撐持,而且用height:1%對IE進行hack。我對那部門做了改削,用了zoom:1來庖代。

此外比來不小心看到網上一個新體例,這樣子也行…

今天說說斷根浮動,clear float。

.clearfix {

第一種情形,父元素有border或者background等視覺浮現,而子元素都是float元素的時辰,需要對子元素竣事的時辰對float做清理,否則視覺顯示不出來。第二種情形,也是基于視覺的考慮,第一個元素的子元素做了一些浮動,緊接著的第二個元素有border要顯示,可是如不美觀直接在自己身上加clear,會導致第一個元素的padding-bottom后者自己的margin-top失蹤靈,而因為要顯示border,欠好用padding-top來節制與第一個元素的間距。這些時辰可以用這個經典的斷根浮動class加在父元素上來斷根自身的浮動:

123456789 .clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}.clearfix {zoom:1;}
overflow:auto;
zoom:1;

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图