Html Div不能嵌套在ul中，li不能嵌套在Div中_Html_Css

Html Div不能嵌套在ul中，li不能嵌套在Div中

html css

Html Div不能嵌套在ul中，li不能嵌套在Div中,html,css,Html,Css,在下面的代码中，我在ul标签中有一个div，用于制作可折叠下拉列表。但是它抛出div不能嵌套在ul中，li不能嵌套在div中。请帮助我解决这个问题 <li visible="false" runat="server" id="liMasters"> <ul> <li class="heading accounts"> <asp:Label ID="lblMasters" Visible="false" runat="server"><

在下面的代码中，我在ul标签中有一个div，用于制作可折叠下拉列表。但是它抛出div不能嵌套在ul中，li不能嵌套在div中。请帮助我解决这个问题

<li visible="false" runat="server" id="liMasters">
 <ul>
  <li class="heading accounts">
  <asp:Label ID="lblMasters" Visible="false" runat="server"></asp:Label></li>
   <div class="menu-item">
    <li>
      <div class="nav-item" id="SalesPrice" visible="false" runat="server">
          <a href="/Hoard/SalesPrice.aspx" id="SalesPriceUL">
          <asp:Label ID="lblSalesPrice" runat="server"></asp:Label></a>
      </div>
    </li>
   </div>
 </ul>
</li>

HTML

标记 定义和用法
标记定义了无序（项目符号）列表。
使用

标记和

标记创建无序列表

如果您愿意，您可以将

标记插入

标记中，这样就可以了。

将

li

设置为

显示：block

，它将起到

的作用。然后做各种各样的事情

以标签开头的无序或有序列表只能包含列表项（

标签）。

标记本身也可以包含不同的元素，如

了解更多详细信息。
以下是一个合理的解决方案：
<li visible="false" runat="server" id="litMasters">
  <ul>
    <li class="heading accounts">
      <asp:Literal ID="litMasters" Visible="false" runat="server"></asp:Literal>
    </li>
    <li class="menu-item nav-item">
      <a href="/Hoard/SalesPrice.aspx" id="SalesPriceUL">
        <asp:Literal ID="litSalesPrice" runat="server"></asp:Literal>
      </a>
    </li>
  </ul>
</li>








所有标签都更改为文字。
将您的doctype更改为
<!doctype html>



对于HTML5，它广泛支持在内联元素中嵌套块元素
或


对于HTML4及以下版本
至少在HTML5中允许在li、ul和dl中嵌套div。
只有li可以是ULD的直接子级。您可以用span标记替换div标记吗？只需将class=“menu item”
移动到li并删除div。将doctype更改为HTML5这并不完全正确。ul支持html5中的嵌套div，但对html4及以下版本的支持有限。我已经用过好几次了
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">