[問題] CSS float 的使用

[wongwt (夏河)]

　　　　　各位大家好，小弟遇到一些CSS 上的麻煩....

　　　　　小弟的網頁是在：http://www.wongwt.net/oya/test.htm

　　　　　CSS 的檔案則是：http://www.wongwt.net/oya/css/main.css

　　　　　=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

　　　　　在網頁呈現的設計上，小弟希望content 的版面可以包含正文和

　　　　　側欄選單兩個部分，但是只要在正文或是側欄的CSS settings裡

　　　　　加上float: left 的話，原本還顯示在container 裡頭的兩個區

　　　　　塊就會變成跑到container 的外頭....請問要怎麼樣才能讓正文

　　　　　和側欄都可以乖乖的待在container 裡呢？（註：這個問題好像

　　　　　只會在firefox 瀏覽時發生，IE則是不管用什麼setting 都沒有

　　　　　差別....）

　　　　　試了幾次都還是搞不太清楚clear: both 跟float: left 之間的

　　　　　關係....努力google中ˊˋ....

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.68.241.150
→ chph:CSS 改過的部份我有縮排, HTML部分增加了footer
→ chph:clear 是清除浮動, 你設定float狀態下又把它清掉就白搭了
→ chph:content_tight, sidebar 兩個都做向左浮動, 為了避免之後的
→ chph:元素也被影響(會走位), 所以在浮動元素的後面要clear: both;
→ chph:看完後請順手把一樓的網址修掉, 謝謝
※ 編輯: wongwt          來自: 219.68.241.150       (08/13 00:55)
→ wongwt:原來如此！感謝！