2017-10-28 46 views
1

邊境的所有div

<!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>

我沒有得到一個邊界第二div。在Chrome的開發人員控制檯中顯示,但在網頁上未顯示。

回答

0

使用另一個ID而不是數字。

   <!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 class和id名稱不能以數字值開始。使用其他任何東西,如<div id="first"></div>,它會工作。

<!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>

希望這有助於