PTT數位生活區 / Web_Design

[問題] 很單純的li序列卻會移位?

看板Web_Design作者 (人類造不出天堂)時間16年前 (2009/12/26 17:38), 編輯推噓2(2推 0噓 5→)
留言7則, 2人參與, 最新討論串1/1
前輩們午安 最近剛接觸css練習中 有個簡單的表單，我用序列加上浮動來排 flaot我的理解是應該會令"width夠就接在前一個浮動，不夠就會擠到下一行” 在firefox裡是正常我想要的樣子，在ie7就不行了 其中就有某些＜ｌｉ＞的內容會被擠到旁邊 我故意加一堆假字也無法自動推擠到下一排 檔案如下 http://www.badongo.com/file/19314928 感謝前輩撥冗指點囉~ -- -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 218.166.98.74
→
12/26 19:15, , 1F
w3c中的width是指內容的寬度,但是在舊版本的ie中,width
12/26 19:15, 1F
→
12/26 19:18, , 2F
是指內容+內邊距(padding)+邊框(broder),所以出現了不同
12/26 19:18, 2F
→
12/26 19:20, , 3F
的顯示,ie8已跟回w3c的規範,還有個人的見議,用float最好
12/26 19:20, 3F
→
12/26 19:22, , 4F
width,要取消float請用clear:both;盡量不要讓瀏覽器自己
12/26 19:22, 4F
→
12/26 19:23, , 5F
去判斷是否要擠到下一排
12/26 19:23, 5F
推
12/26 19:53, , 6F
IE6就沒樓上的問題了..
12/26 19:53, 6F
推
12/26 19:56, , 7F
我沒IE7試 不過你li加上display:block;height:1%看看
12/26 19:56, 7F
‣ 更多 virgin7 的文章
文章代碼(AID): #1BDTcTi6 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 virgin7 的文章
文章代碼(AID): #1BDTcTi6 (Web_Design)