I have a serious problem :( I am making a profile page and my DIV's are always clickable(This should not happen), when I inspect element it on chrome, it shows a bunch of on all DIVS... I did not write these codes here are sample
Code on 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>
Code on Browser
<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>
I tried searching all around my codes :( and all my CSS but I do not know what this is :(
This is the current design(no problem in design but the divs being clickable bugs me a lot and the anonymous tags are really irritating)
答案 0 :(得分:1)
在您的aspx页面中有<a href="Profile.aspx">
的某些位置,您似乎还没有关闭该标记,而Chrome正在为您关闭它时做出最好的选择。