為什麼這篇Ul li CSS鄉民發文收入到精華區：因為在Ul li CSS這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者gincy (驚喜)看板Web_Design標題[問題] CSS ul裡包ul?時間Tue Se...
大家好
最近才開始接觸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
→ oj113068:CSS在哪？ 09/04 23:15
→ gincy:噢 我是html跟css會一起寫啦...不過這裡沒出現XD 09/04 23:32
→ gincy:應該說 是否可以用CSS的方式 讓在ul裡的ul 他不會錯亂.. 09/04 23:35
→ gincy:抱歉沒講清楚...>"< 09/04 23:35
→ oj113068:desplay:block + float:left 這樣吧。 09/04 23:44
→ oj113068:不過你不貼CSS也不知道你問題出在哪。 09/04 23:44
→ Canboo:可以，很多二階式選單都是這樣做 09/04 23:50
→ Canboo:先下一個#xxxx ul li設定float:left;讓他排列 09/04 23:51
→ Canboo:再下一個#xxxx ul ul li設定float:none把排列拿掉 09/04 23:52
→ Canboo:ul本身是區塊元素，所以上層的div是否必要存在可以再討論 09/04 23:53
→ gincy:我外面那層ul已經下了float讓他排好 但是裡面放ul就又錯亂了 09/04 23:54
→ gincy:沒想過可以把排列拿掉 感謝樓上大大們回答 我明天會試試看^^ 09/04 23:55
→ oj113068:你的第二個ul是在li裡面，我猜是因為這樣。 09/05 00:08
→ oj113068:(應該說第二層的ul) 09/05 00:09
→ Rplus:附code吧 09/05 00:35
→ gincy:我用Can大說明的方法把第二層的float拿掉就可以了 感謝大家! 09/05 11:30
→ tyf99:ul#xx>li{} 只套用到第一層 children 09/05 15:16