无法将输入字段集中在HTML页面中

我无法通过单击选择表单中的输入字段。但是我可以选择使用Tab.I粘贴源代码。无法将输入字段集中在HTML页面中

如果我把它粘贴到所有divs.I能够选择输入元素。

我打破了我的头，因为我不明白为什么这不起作用。现在我抓我的头，计算器是不是让我张贴此作为我没有太多的细节

#body{ 
max-width:1366px;#border:5px dotted black; 
position:relative; 
top:75px; 
z-index:-1; 
margin:auto; 
overflow:auto; 
overflow-x:hidden; 
} 
*{ 
    margin:0px;padding:0px; 

} 

#empty{ 
    float:left; 
    height:200px; 
    width:15%; 
    border:2px double blue; 
    margin:10px; 
} 
#big 
{ 
    width:80%; 
    float:left; 
    overflow:auto; 
    margin:10px; 
    border:2px double aqua; 
} 
#mini 
{ 
    margin:20px; 
    height:400px; 
    width:250px; 
    float:left; 
    display:inline-block; 
    border:2px groove; 
} 

<html> 
<link rel=stylesheet type="text/css" href="new.css"> 
<body > 
<div id=main_div width=100%> 
<div id=body> 
<div id=empty> 
<form method=get action=login.php> 
Username: 
<input type=text name=uname value=""> 
Password: 
<input type=password name=pass value=""> 
<center><input type=Submit value="Log in" name=submit><center> 
</form> 
</div> 
<div id=big> 
<div id=mini> 
</div> 
<div id=log> 
</div> 
<div id=mini> 
</div> 
</div> 
</div> 
</div> 
</body> 
</html>

来源

2017-05-26 sanjeev krishna

你有一个的z-index：您#body ID -1删除它，有用。我强烈建议你检查一个HTML CSS教程。 –