Div标签封装li标签

我们有一个导航菜单，由<ul>和<li>标签使用CSS构建。当用户将鼠标悬停在菜单项上时，会出现子菜单。Div标签封装li标签

我想添加边框菜单和子菜单。我是否可以将所有<li>元素封装在<div>元素中。我知道，<div>不是<ul>的有效孩子，但在这种情况下，浏览器（chrome）会正确渲染它。根据用例，我们不关心其他浏览器。

在这种情况下，使用<div>标签封装<li>标签以添加边框是否可以使用。

2015-05-22 Anush

“div不是ul的有效孩子”然后它不是好的，句号。 – BoltClock

你可以只用CSS来做，你为什么不发布一些代码，或者创建一个小提琴？ – skobaljic

你可以给我们的HTML/CSS，因此可以提出一个适当的解决方案？尽管如此，如果你的解决方案在你的用例中有效，然后使用它，但是知道它不符合标准，并且chrome更新可能会破坏它。 –

不，这是不好的，<div>根据W3C规范不允许在<ul>标记（见this page）。

为什么不将border css规则添加到周围的<ul>/<ol>元素？或者你可以将<ul>/<ol>元素封装在带边框的<div>中。

2015-05-22 10:04:06 guillaume26

回答