ウェブページに余分な2つのdivが表示されるのはなぜですか？

私はちょうどそこに何もないが、1つのヘッダーと2つの段落を含むdivを持つページを構築しました。私はCSSのdivの周りに境界線を置いています。私がページを閲覧するとき、divと段落には境界線があり、その上に2つの空の境界線付きの「divs」があります。自分自身を参照してください：https://ext.careersourcebroward.com/ITAList/ウェブページに余分な2つの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>

私は昨日に働いた別の既存のWebサイトで、この同じ問題に遭遇しました。まったく異なるウェブサイト。私は境界線の色を赤に変更するためにdivにインラインCSSを追加しました。それを上回る2つの想像上のdivは青色のままでした。

出典

2017-10-10 David Megnin

divのスタイルを設定するとグローバルすぎますので、あなたのdivにクラスを追加してそのクラスをスタイル化する必要があります – hardkoded

これらのdivはwebformによって追加されており、あなたによって隠されています。あなたはすべてのdivのために5pxと青の境界線を作成した一般的なCSSルールを定義していたので、それらのdivが顕著になっています。 –

あなたはこのスタイルを追加することができます。

.aspNetHidden { 
    display: none; 
}

出典

2017-10-10 20:42:00 hardkoded

ありがとうございます。それは問題を解決しました。私はまだ問題の原因を知りません。私は前にこの行動を見たことがない。 –

2つの追加のdiv要素は、サーバー側のコードから生成された「aspNetHidden」のクラスがあります。これらの部門のクラスに基づいて、彼らは隠されているはずだった。しかし、あなたはこのような振る舞いを定義するためのCSS/sytleルールをロードしていないので、通常のdivとして扱われ、あなた自身のCSSルールによって上書きされました。

出典

2017-10-10 20:43:01 Eliellel

"aspNetHidden"はどのサーバーサイドコードによって生成されますか？私はちょうどそのページを30秒で投げて、コードビハインドページにコードを追加しなかった。私はそれらを「ビューページのソース」で見ました。私はこれのような無数のページを作ってきましたが、これは最後の2日間に起こっただけです。私はディスプレイを追加します：なし; kblokが示唆するように。 –

これらのdivはASP.NET Webフォームによって追加されており、あなたに隠されています。あなたはすべてのdivの一般的なCSSルールを定義しています。これは、Webフォームの生成divや作成したdivの種類にかかわらず、すべてのdivに適用されます。

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

は@Kblobを使用すると、クラス名aspNetHiddenとのdivの作成されたすべてのASP.NET Webフォームを非表示になりますCSSルールを作成することができます示唆したように。将来的にセーブするには、divのcssクラスを作成し、必要なdivのみにそれらのクラスを適用することができます。

出典

2017-10-11 07:49:59

ええ、私は今からやります。なぜそれが起こっているのか分かりましたので、簡単に処理できます。ありがとうございました。 –

ウェブページに余分な2つのdivが表示されるのはなぜですか？

答えて

関連する問題