为什么我的网页上会显示两个额外的 div?

问题描述 投票:0回答:4

我刚刚构建了一个页面,上面几乎什么都没有,只有一个包含一个标题和两个段落的 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 仍然是蓝色的。

css html
4个回答
1
投票

这两个额外的 div 具有“aspNetHidden”类,它是从服务器端代码生成的。根据这些 div 的类别,它们应该被隐藏。但由于您没有加载任何 css/sytle 规则来定义此类行为,因此它们被视为常规 div,并被您自己的 css 规则覆盖。


1
投票

这些 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。


0
投票

您可以添加此样式:

.aspNetHidden {
    display: none;
}

0
投票
  1. 您看到的额外 div 可能是由浏览器扩展生成的。检查代码并找出扩展程序并将其禁用(临时修复)。

  2. 忽略注入的div:这个额外的div是由外部扩展注入的,仅影响您的本地环境,您可以安全地忽略它

  3. 添加 CSS 来隐藏额外的 div:检查站点并找出 div 类并将其隐藏。

    #c4g-content-root { display: none !important; }

© www.soinside.com 2019 - 2024. All rights reserved.