[問題] ul裡包ul?

看板Web_Design作者 (驚喜)時間13年前 (2012/09/04 22:41), 編輯推噓0(0推 0噓 17→)
留言17則, 5人參與, 最新討論串1/1
大家好 最近才開始接觸CSS 想請問大家 ul裡面可以再包ul嗎? 我是想寫這樣: <div> <ul> <li>這是第一個li <ul> <---包的第一個ul li <li>裡面包的1</li> <li>裡面包的2</li> </ul> </li> <li>這是第二個li <ul> <---包的第二個ul li <li>裡面包的1</li> <li>裡面包的2</li> </ul> </li> </ul> </div> 這樣是OK的嗎? 因為我直接照上面那樣寫 都會跑掉 不知道可不可以這樣... 我是想排這樣的版: ┌－－－－－－－┐　┌－－－－－－－┐ ｜．項目1　　 　｜　｜．項目1　　 　｜ ｜．項目2　　 　｜　｜．項目2　　 　｜ ｜．項目3　　 　｜　｜．項目3　　 　｜ ｜．項目4　　 　｜　｜．項目4　　 　｜ └－－－－－－－┘　└－－－－－－－┘ 項目都是連結 如果只有兩三項當然就div沒問題 但我有六個框框(懶的複製XD) 類型都一樣 才想說用ul li... 不行的話我就只能把外面那層ul全部改成div了>"< 只是這樣差不多要重寫了QQ 我新手上路都要排很久XD 不曉得上面寫的是否可行 還是有其他更好的方法呢 感謝大家回答~ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.42.67.211
→
09/04 23:15, , 1F
CSS在哪？
09/04 23:15, 1F
→
09/04 23:32, , 2F
噢 我是html跟css會一起寫啦...不過這裡沒出現XD
09/04 23:32, 2F
→
09/04 23:35, , 3F
應該說 是否可以用CSS的方式 讓在ul裡的ul 他不會錯亂..
09/04 23:35, 3F
→
09/04 23:35, , 4F
抱歉沒講清楚...>"<
09/04 23:35, 4F
→
09/04 23:44, , 5F
desplay:block + float:left 這樣吧。
09/04 23:44, 5F
→
09/04 23:44, , 6F
不過你不貼CSS也不知道你問題出在哪。
09/04 23:44, 6F
→
09/04 23:50, , 7F
可以，很多二階式選單都是這樣做
09/04 23:50, 7F
→
09/04 23:51, , 8F
先下一個#xxxx ul li設定float:left;讓他排列
09/04 23:51, 8F
→
09/04 23:52, , 9F
再下一個#xxxx ul ul li設定float:none把排列拿掉
09/04 23:52, 9F
→
09/04 23:53, , 10F
ul本身是區塊元素，所以上層的div是否必要存在可以再討論
09/04 23:53, 10F
→
09/04 23:54, , 11F
我外面那層ul已經下了float讓他排好 但是裡面放ul就又錯亂了
09/04 23:54, 11F
→
09/04 23:55, , 12F
沒想過可以把排列拿掉 感謝樓上大大們回答 我明天會試試看^^
09/04 23:55, 12F
→
09/05 00:08, , 13F
你的第二個ul是在li裡面，我猜是因為這樣。
09/05 00:08, 13F
→
09/05 00:09, , 14F
(應該說第二層的ul)
09/05 00:09, 14F
→
09/05 00:35, , 15F
附code吧
09/05 00:35, 15F
→
09/05 11:30, , 16F
我用Can大說明的方法把第二層的float拿掉就可以了 感謝大家!
09/05 11:30, 16F
→
09/05 15:16, , 17F
ul#xx>li{} 只套用到第一層 children
09/05 15:16, 17F
‣ 更多 gincy 的文章
文章代碼(AID): #1GHXCqVf (Web_Design)