html无法输入,html – 无法输入标签

我目前正在尝试在我的网站首页上创建一个表单.但是,我有问题能够在输入框中输入.在绝对定位中,光标不会显示.当我将定位从绝对更改为相对时,我不再有这个问题.不幸的是,当我这样做时,它会移动我所有其他元素.有没有办法绕这个,所以标签不会移动我的其他元素,以及能够输入到这个输入框？

Login

**

**

OR

What is the Title?

How it Works.

CSS：

content_splash{

position: relative;

margin-top: 30px;

height: 500px;

border: 1px solid black;

}

.content_splash input{

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

}

.content_splash #firstname{

position: absolute;

margin-top: 200px;

width: 170px;

height: 25px;

}

.content_splash #vertical_one{

position: absolute;

width: 1px;

height: 60px;

margin-left: 310px;

margin-top: 298px;

background: black;

}

.content_splash #vertical_two{

position: absolute;

width: 1px;

height: 60px;

margin-left: 310px;

margin-top: 380px;

background: black;

}

.content_splash #OR{

position: absolute;

padding-top: 346px;

padding-left:300px;

color: black;

}

.content_splash #facebook_login{

position: absolute;

padding-top: 350px;

padding-left: 350px;

}

#content_break {

margin-top: 20px;

height: 1px;

background: black;

background: -webkit-gradient(linear, 0 0, 100% 0, from(#e2e3e4), to(#e2e3e4), color-stop(50%, black));

}

.content_description{

margin-top: 20px;

height: 400px;

}

.content_description h2{

font-size: 40px;

font-family: Trebuchet MS;

padding-left: 30px;

color: #a2caf6;

}

#content_description_break {

margin-top: 20px;

height: 1px;

background: black;

background: -webkit-gradient(linear, 0 0, 100% 0, from(#e2e3e4), to(#e2e3e4), color-stop(50%, black));

}

.content_howitworks{

margin-top: 20px;

height: 400px;

}

.content_howitworks h2{

font-size: 40px;

font-family: Trebuchet MS;

padding-left: 30px;

color: #a2caf6;

}