java 記錄

          學習java

          萬能清除浮動樣式

          這個是一個很流行的清除浮動的方法,在很多大項目上已經被完全采用。
          這個方法來源于positioniseverything ,通過after偽類:after和IEhack來實現,完全兼容當前主流瀏覽器。

          <style type="text/css"> .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}  /* for IE/Mac */   </style><!-- main stylesheet ends, CC with new stylesheet below... -->   <!--[if IE]> <style type="text/css"> .clearfix { zoom: 1;     /* triggers hasLayout */ <span style="color: #aa0000;">display: block;     /* resets display for IE/Win */</span> }  /* Only IE can see inside the conditional comment and read this CSS rule. Don't ever use a normal HTML comment inside the CC or it will close prematurely. */ </style> <![endif]-->

          Update @ 2008.11.12

          剛剛看到一篇日志說這個問題,受到了點啟發:

          .clearfix:after {     content: "020";     display: block;     height: 0;     clear: both; } .clearfix {     zoom: 1; }

          這個是優化版的清除浮動的樣式,很值得推薦。

          另外,我見到了一個無敵的清除浮動的樣式,這個是通過獨立的代碼來清除的。

          html body div.clear, html body span.clear {      background: none;      border: 0;      clear: both;      display: block;      float: none;      font-size: 0;      margin: 0;      padding: 0;      overflow: hidden;      visibility: hidden;      width: 0;      height: 0; }

          這個樣式可以通過在頁面中添加<div class=”clear”></div> 或 <span class=”clear”> </span>來清除頁面中的浮動。

          這個頁面正是著名的960 CSS 框架的作者的博客。而他卻在960 CSS框架中同時使用了這兩種方法。

          posted on 2011-08-26 14:31 啊飛 閱讀(79) 評論(0)  編輯  收藏 所屬分類: CSS


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          導航

          統計

          常用鏈接

          留言簿(1)

          隨筆檔案

          文章分類

          文章檔案

          搜索

          最新評論

          主站蜘蛛池模板: 汉沽区| 英德市| 湾仔区| 海阳市| 龙泉市| 阿拉善左旗| 即墨市| 富锦市| 锦屏县| 桦甸市| 建水县| 翁牛特旗| 唐河县| 府谷县| 彰化县| 政和县| 明水县| 黎城县| 长海县| 海丰县| 沙洋县| 田林县| 昌图县| 凤台县| 额济纳旗| 鄂温| 阳西县| 阿荣旗| 阿鲁科尔沁旗| 怀仁县| 年辖:市辖区| 濮阳市| 霍林郭勒市| 富川| 杨浦区| 淮滨县| 崇左市| 彭阳县| 盘锦市| 辽中县| 横峰县|