我刚刚构建了一个页面,上面几乎什么都没有,只有一个包含一个标题和两个段落的 div。我在 CSS 中在 div 周围添加了边框。 当我浏览到页面时,div 和段落都有边框,并且上面有两个空的带边框的“div”。 亲自查看:https://ext.careersourcebroward.com/ITAList/
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<style>
div {
width:60%;
border:5px double blue;
text-align:center;
border-radius:25px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>ITA List</h1>
<p>This is the ITA List</p>
<p>There will be a table with the Programs listed below.</p>
</div>
</form>
</body>
</html>
我昨天在另一个现有网站上遇到了同样的问题。 完全不同的网站。 我向 div 添加了内联 css,将边框颜色更改为红色。 它上面的两个幻像 div 仍然是蓝色的。
这两个额外的 div 具有“aspNetHidden”类,它是从服务器端代码生成的。根据这些 div 的类别,它们应该被隐藏。但由于您没有加载任何 css/sytle 规则来定义此类行为,因此它们被视为常规 div,并被您自己的 css 规则覆盖。
这些 div 由 ASP.NET Web 表单添加,旨在由您隐藏。正如您已经为所有 div 定义了通用 css 规则一样。它会将其应用于所有 div,无论是 Web 表单生成的 div 还是您创建的 div。
<style>
div {
width:60%;
border:5px double blue;
text-align:center;
border-radius:25px;
}
</style>
正如 @Kblob 建议的那样,您可以创建一个 css 规则,该规则将隐藏所有 ASP.NET Web Form 创建的类名为 aspNetHidden 的 div。为了将来节省开支,您可以为 div 创建 css 类,并将这些类仅应用于您所需的 div。
您可以添加此样式:
.aspNetHidden {
display: none;
}
您看到的额外 div 可能是由浏览器扩展生成的。检查代码并找出扩展程序并将其禁用(临时修复)。
忽略注入的div:这个额外的div是由外部扩展注入的,仅影响您的本地环境,您可以安全地忽略它
添加 CSS 来隐藏额外的 div:检查站点并找出 div 类并将其隐藏。
#c4g-content-root { display: none !important; }