div不能嵌套在裏面，li不能嵌套在div裏

在下面的代碼中，我在ul標籤裏面有一個div來製作可摺疊的下拉。但是它拋出的div不能嵌套在ul裏面，而li不能嵌套在div裏面。請幫我解決這個問題。div不能嵌套在裏面，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>

來源

2015-05-07 Moses

只有li可以是ul的直接子 – Pete

您可以使用span標籤替換div標籤嗎？ –

只需將'class =「菜單項」''移動到'li'並擺脫div。 – avrahamcool

HTML <ul>標籤 定義和用法
標籤定義一個無序的（項目）列表中。
使用<ul>標記和<li>標記創建無序列表。

Reference from w3schools

如果你願意，你可以插入你的<div>標籤<li>標籤，這將是罰款內。

來源

2015-05-07 07:39:41 odedta

將li改爲display: block而不是<div>。然後做各種各樣的東西。

<li visible="false" runat="server" id="liMasters"> 
 
    <ul> 
 
    <li class="heading accounts"> 
 
     <asp:Label ID="lblMasters" Visible="false" runat="server"></asp:Label> 
 
    </li> 
 
     <li style="display: block" class="menu-item"> 
 
     <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> 
 
    </ul> 
 
</li>

來源

2015-05-07 07:43:45

無序或有序列表，與<ul>標籤開始只能包含列表項（<li>標籤）。 <li>標籤本身可以再次包含不同的元素，例如。 <a>標籤。

查看http://www.w3.org/TR/html5/grouping-content.html#the-ul-element瞭解更多詳情。

來源

2015-05-07 07:50:03 andreashager

這不完全正確。 li，ul支持html5中的嵌套div，但是它對html4及以下版本的支持有限。我已經使用過好幾次了 –

這裏有一個合理的解決方案：

<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>

所有標籤更改爲文字。

來源

2015-05-07 08:30:51 sanepete

您的文檔類型更改爲

<!doctype html>

爲HTML5具有內嵌元素

或

<!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">

對於HTML4和下方內部嵌套塊元件的廣泛支持。

在li，ul和dl中嵌套div至少允許HTML5。

來源

2015-05-07 08:37:19

div不能嵌套在裏面，li不能嵌套在div裏

回答

相關問題