※ 引述《papillonaf (日常生活)》之銘言：
: 目前頁面在safari,FF,chrome測試都有達到顯示效果
: 但換成IE8瀏覽，或者用開發者工具選IE7瀏覽時
: 就都會產生問題
: 用IE8：明明應該並放在同一行的內容會跑到下面去
: 用IE7：版面擠在一起，應該在下方DIV的內容衝進去上方
: 以為是IE不吃inline-block的語法
: 但版面大致嘗試放了下列語法後，開啟IE仍無作用
: .clearfix {
: display: inline-block; /* ie8,firefox3,safari,opera */
: display: -moz-inline-stack;/*for ，Firefox 2*/
: zoom: 1;/*for ，IE 6及7*/
: *display:inline;/*IE*/
: }
: .clearfix{display:inline-block;}
: .clearfix{display:inline;}
: 現有頁面位址是http://www.dahsin.com.tw
: 懇請版上協助尋找解決方法
: 經驗值不多，已經很努力在改了，
: 頁面若有什麼處理不妥的地方，還請包涵鞭小力一點
如果是我理解中的clearfix應該不用這麼複雜
.clearfix {
overflow: hidden;
*zoom: 1;
}
應該就全部通吃了
如果你的版面有特殊需求...例如裡面元素要超出box
那也吃下面這隻就好了
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
如果還都不行就是HTML寫錯了或是CSS下錯元素
因為這些都是標準解法
--
RGBA網頁設計師聚會 — 一群網頁設計師發起的交流聚會，隨意聊天問問題的好地方
http://rgba.tumblr.com/about
EvenDesign意門設計 — 專門提供網站開發者跨平台、能安心整合的標準規格網頁設計
http://evendesign.tw
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.100.58
修文...
※ 編輯: evenwu 來自: 114.34.100.58 (12/08 15:59)