html - 标 checkout 现在我的 DIV 中

Question

我有一个严重的问题 :( 我正在制作一个个人资料页面，我的 DIV 总是可点击的(这不应该发生)，当我在 chrome 上检查它的元素时，它显示了所有 DIVS 上的一堆......我做到了不在这里写这些代码是示例

Visual Studio 上的代码

<div style="width: 1179px; height: 100px;">
        <div style="width: 350px; height: 100px; float:left; margin-right: 64.5px; background-color: pink; border-radius: 5px;">
            <img src="../Resources/Referrals-Icon.png" height="100" style="float: left;" />
            <p>Referrals</p>
            <p><%=ReferralsCount%></p>
        </div>
        <div style="width: 350px; height: 100px; float:left; background-color: green; border-radius: 5px;">
            <p>Blessing Points</p>
            <p><%=BlessingPoints%></p>
        </div>
        <div style="width: 350px; height: 100px; float:left; margin-left: 64.5px; background-color: grey; border-radius: 5px;">
            <p>Support</p>
            <a href="#">FAQ</a>
        </div>
    </div>

浏览器代码

<div style="width: 1179px; height: 100px;"><a href="Profile.aspx">
        <div style="width: 350px; height: 100px; float:left; margin-right: 64.5px; background-color: pink; border-radius: 5px;">
            <img src="../Resources/Referrals-Icon.png" height="100" style="float: left;">
            <p>Referrals</p>
            <p>0</p>
        </div>
        <div style="width: 350px; height: 100px; float:left; background-color: green; border-radius: 5px;">
            <p>Blessing Points</p>
            <p>0</p>
        </div>
        </a><div style="width: 350px; height: 100px; float:left; margin-left: 64.5px; background-color: grey; border-radius: 5px;"><a href="Profile.aspx">
            <p>Support</p>
            </a><a href="#">FAQ</a>
        </div>
    </div>

我试着搜索我所有的代码 :( 和我所有的 CSS 但我不知道这是什么 :(

这是当前的设计(设计上没有问题，但可点击的 div 给我带来了很多麻烦，匿名标签真的很烦人)

Answer 1

在您的 aspx 页面中，有些地方有 <a href="Profile.aspx">看起来您还没有关闭该标签，而 Chrome 正在为您关闭它的最佳选择。