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

我刚刚构建了一个页面，其中几乎没有任何内容，但包含一个头和两个段落的div。我在CSS中为div放置了一个边框。当我浏览到页面时，div和段落有边界，并且在它上面有两个空的边界“div”。见自己：https://ext.careersourcebroward.com/ITAList/为什么我的网页上显示两个额外的div？

<%@ 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>

我遇到同样的问题与其他现有的网站我昨天工作。完全不同的网站。我添加了一个内联css到div以将边框颜色更改为红色。它上面的两个幻影div仍然是蓝色的。

来源

2017-10-10 David Megnin

造型的元素div它太全球化，你应该添加一个类到你的div和风格的类 – hardkoded

这些div是由webform添加，并且意味着被你隐藏。正如你已经定义了一个通用的CSS规则，使所有div的边框5px和蓝色，这就是为什么你得到这些div突出。 –

您可以添加此风格：

.aspNetHidden { 
    display: none; 
}

来源

2017-10-10 20:42:00 hardkoded

谢谢。那确实解决了这个问题。我仍然不知道是什么导致了这个问题。我从来没有见过这种行为。 –

两个额外的div有类“aspNetHidden”，这是从你的服务器端代码生成的。基于这些div的类别，它们应该是隐藏的。但是因为你没有加载任何css/sytle规则来定义这样的行为，所以它们被当作普通的div，它被你自己的css规则覆盖。

来源

2017-10-10 20:43:01 Eliellel

“aspNetHidden”由什么服务器端代码生成？我只是在30秒内将该页面扔在一起，并且没有向页面后面的代码添加代码。我在“查看页面源代码”中看到了它们。我做了这样的无数页面，并且只在过去两天才看到这种情况。我将添加显示：无;如kblok所示。 –

这些div是由ASP.NET Web Form添加的，目的是为了让您隐藏。正如你为所有div定义了一个通用的css规则。它会将其应用于所有div，而不管Web Form生成的div或您创建的div。

<style> 
    div { 
     width:60%; 
     border:5px double blue; 
     text-align:center; 
     border-radius:25px; 
    } 
</style>

由于@Kblob建议您可以创建一个CSS规则，这将隐藏所有的ASP.NET Web窗体创建的div与类名aspNetHidden。为了在未来保存一边，你可以为div创建css类，并只将这些类应用于你所需的div。

来源

2017-10-11 07:49:59

是的，我从现在开始就这样做。现在我知道它为什么会发生，它很容易处理。谢谢。 –

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

回答

相关问题