2015-05-22 163 views
0

我們有一個導航菜單,由<ul><li>標籤使用CSS構建。當用戶將鼠標懸停在菜單項上時,會出現子菜單。Div標籤封裝li標籤

我想添加邊框菜單和子菜單。我是否可以將所有<li>元素封裝在<div>元素中。我知道,<div>不是<ul>的有效孩子,但在這種情況下,瀏覽器(chrome)會正確渲染它。根據用例,我們不關心其他瀏覽器。

在這種情況下,使用<div>標籤封裝<li>標籤以添加邊框是否可以使用。

+1

「div不是ul的有效孩子」然後它不是好的,句號。 – BoltClock

+1

你可以只用CSS來做,你爲什麼不發佈一些代碼,或者創建一個小提琴? – skobaljic

+1

你可以給我們的HTML/CSS,因此可以提出一個適當的解決方案?儘管如此,如果你的解決方案在你的用例中有效,然後使用它,但是知道它不符合標準,並且chrome更新可能會破壞它。 –

回答

1

不,這是不好的,<div>根據W3C規範不允許在<ul>標記(見this page)。

爲什麼不將border css規則添加到周圍的<ul>/<ol>元素?或者你可以將<ul>/<ol>元素封裝在帶邊框的<div>中。