2017-10-28 1 views
1

Grenze für alle divs

<!Doctype html> 
 
<html> 
 
<head> 
 
<title></title> 
 
<Style type="text/css"> 
 
#header{border:1px solid #000;} 
 
#1{border:1px solid #000; 
 
background-color:green;} 
 
</style> 
 
</head> 
 
<body> 
 
<script></script> 
 
<div id="header"> 
 
<h1>...</h1> 
 
</div><br> 
 
<div id="1"> 
 
<input type="text" name="JDate" placeholder="OnBoardDate"><br> 
 
<input type="text" name="RDate" placeholder="ReturnDate"><br> 
 
    
 
</div> 
 
</body> 
 
</html>

Ich bin nicht eine Grenze für die zweite div bekommen. In der Entwicklerkonsole in Chrome wird es angezeigt, aber auf der Webseite wird nicht angezeigt.

Antwort

0

Verwenden Sie eine andere ID anstelle von Numerisch.

   <!Doctype html> 
 
       <html> 
 
       <head> 
 
       <title></title> 
 
       <Style type="text/css"> 
 
       #header{border:1px solid #000;} 
 
       #new{ border:1px solid #000; 
 
       background-color:green;} 
 
       </style> 
 
       </head> 
 
       <body> 
 
       <script></script> 
 
       <div id="header"> 
 
       <h1>...</h1> 
 
       </div><br> 
 
       <div id="new"> 
 
       <input type="text" name="JDate" placeholder="OnBoardDate"><br> 
 
       <input type="text" name="RDate" placeholder="ReturnDate"><br> 
 
        
 
       </div> 
 
       </body> 
 
       </html>

0

CSS-Klasse und ID-Name kann nicht mit numerischen Werten starten. Verwenden Sie alles andere wie <div id="first"></div> und es wird funktionieren.

<!Doctype html> 
 
<html> 
 
<head> 
 
<title></title> 
 
<Style type="text/css"> 
 
#header{border:1px solid #000;} 
 
#first{border:1px solid #000; 
 
background-color:green;} 
 
</style> 
 
</head> 
 
<body> 
 
<script></script> 
 
<div id="header"> 
 
<h1>...</h1> 
 
</div><br> 
 
<div id="first"> 
 
<input type="text" name="JDate" placeholder="OnBoardDate"><br> 
 
<input type="text" name="RDate" placeholder="ReturnDate"><br> 
 
    
 
</div> 
 
</body> 
 
</html>

Hope this Hilfe