問題討論區


   查看所有留言 (yusa0527)




IE6 float區塊掉落問題
會員一級
註冊日期:
2013/3/5 15:04
留言: 1
目前想做一個CSS的二欄式版面,
但遇到的問題是IE6使用float時視窗縮小右邊區塊會掉到左邊區塊下面,
想請問有不使用width的情況下解決區塊掉落的辦法嗎?

ps.有考慮使用position的使用absolute的話內容增加時footer會無法下移
想請問各位css經驗豐富的前輩的意見!
謝謝!

以下是簡單的html/css

html
<div class="main">
<div class="main-left">A</div>
<div class="main-right">B</div>
</div>
<div class="footer">C</div>

css
.main{ padding:0;
display:inline;
white-space:nowrap;
overflow:hidden;
}

.main-left{
white-space:nowrap;
display:inline;
float:left;
}

.main-right{
white-space:nowrap;
display:inline;
}
.main-floot{
clear:both;
}

2013/3/5 15:12
 







 

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

 

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

 

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

TOP

【 Flycan.com 】 Powered by XOOPS