[問題] CSS float 的使用

看板Web_Design作者 (夏河)時間17年前 (2008/08/12 23:01), 編輯推噓0(0推 0噓 6→)
留言6則, 2人參與, 最新討論串1/1
　　　　　各位大家好，小弟遇到一些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
→
08/12 23:34, , 1F
CSS 改過的部份我有縮排, HTML部分增加了footer
08/12 23:34, 1F
→
08/12 23:34, , 2F
clear 是清除浮動, 你設定float狀態下又把它清掉就白搭了
08/12 23:34, 2F
→
08/12 23:35, , 3F
content_tight, sidebar 兩個都做向左浮動, 為了避免之後的
08/12 23:35, 3F
→
08/12 23:35, , 4F
元素也被影響(會走位), 所以在浮動元素的後面要clear: both;
08/12 23:35, 4F
→
08/12 23:36, , 5F
看完後請順手把一樓的網址修掉, 謝謝
08/12 23:36, 5F
※ 編輯: wongwt 來自: 219.68.241.150 (08/13 00:55)
→
08/13 00:56, , 6F
原來如此！感謝！
08/13 00:56, 6F
‣ 更多 wongwt 的文章
文章代碼(AID): #18eQNREe (Web_Design)