元素'div'不能嵌套在元素'ul'中

Question

 <ul>
           <div style="float:left">
                   <asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="false" OnClick="lbtnFirst_Click">?lk</asp:LinkButton></div> 
           <div style="float:left"><asp:LinkButton ID="lbtnPrevious" runat="server" CausesValidation="false" OnClick="lbtnPrevious_Click"> << </asp:LinkButton></div>
</ul>

在我的Asp.net项目中,我收到此警告:

验证(XHTML 1.0 Transitional):元素'div'不能嵌套在元素'ul'中.

但是,当我点击F5外翻炒锅时很棒.现在我正在使用Visual Studio 2013中的localhost(代码端是C#)我想问这可能会在将来为我的网站带来问题吗？

Answer 1

警告是警告。您的页面正确显示只是因为浏览器对HTML规则不太严格，但是将来可能会改变。因此，您应尝试使HTML保持兼容并认真对待警告。在这种情况下，我建议您<div>用<li>标签代替和设置标签样式，以防止出现边距和项目符号（我想这就是为什么要使用<div>而不是<li>首先使用的原因）。

要实现所需的功能，请将此CSS样式应用于列表：

.your-ul {
    list-style: none;
}

.your-ul li {
    position:relative;
    margin-left: 0;
    display: inline-block;
}

您的HTML / ASPX代码如下所示：

<ul class="your-ul">
    <li><asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="false" OnClick="lbtnFirst_Click">Ilk</asp:LinkButton></li> 
    <li><asp:LinkButton ID="lbtnPrevious" runat="server" CausesValidation="false" OnClick="lbtnPrevious_Click"> << </asp:LinkButton></li>
</ul>