Html 如何将输入元素移动到页面底部？_Html_Css

Html 如何将输入元素移动到页面底部？

html css

Html 如何将输入元素移动到页面底部？,html,css,Html,Css,我尝试将时事通讯注册表单的输入移动到网站底部。它目前涵盖了铭文通讯。我用了所有可能的方法来解决它。如果有任何能解决这个问题的建议，我将不胜感激 #搁置colorlib。colorlib页脚。colorlib订阅表单。表单组{ 位置：相对位置；利润上限：-20px；页边距底部：0； -webkit边界半径：0； -moz边界半径：0； -ms边界半径：0；边界半径：0； } #colorlib aside.colorlib footer.colorlib subscribe form.fo

我尝试将时事通讯注册表单的输入移动到网站底部。它目前涵盖了铭文通讯。我用了所有可能的方法来解决它。如果有任何能解决这个问题的建议，我将不胜感激

#搁置colorlib。colorlib页脚。colorlib订阅表单。表单组{
位置：相对位置；
利润上限：-20px；
页边距底部：0；
-webkit边界半径：0；
-moz边界半径：0；
-ms边界半径：0；
边界半径：0；
}
#colorlib aside.colorlib footer.colorlib subscribe form.form group input{
右边填充：40px；
背景：#fff！重要；
边框：1px实心#ece4d5！重要；
颜色：rgba（0,0,0,0.4）！重要；
字体大小：14px；
-webkit边界半径：0；
-moz边界半径：0；
-ms边界半径：0；
边界半径：0；
}
#colorlib aside.colorlib footer.colorlib订阅表单。表单组输入：：-webkit输入占位符{
/*Chrome/Opera/Safari*/
颜色：rgba（0,0,0,0.4）！重要；
}
#colorlib aside.colorlib footer.colorlib订阅表单。表单组输入：：-moz占位符{
/*Firefox 19+*/
颜色：rgba（0,0,0,0.4）！重要；
}
#colorlib搁置。colorlib页脚。colorlib订阅表单。表单组输入：-ms输入占位符{
/*IE 10+*/
颜色：rgba（0,0,0,0.4）！重要；
}
#colorlib搁置。colorlib页脚。colorlib订阅表单。表单组输入：-moz占位符{
/*火狐18-*/
颜色：rgba（0,0,0,0.4）！重要；
}
#colorlib aside.colorlib footer.colorlib subscribe form.form group.form控件{
边框：1px实心rgba（100255，255，0.2）；
字体大小：400；
底部：20px；
}
#colorlib aside.colorlib footer.colorlib subscribe form.icon{
位置：绝对位置；
最高：50%；
右：10px；
颜色：黑色；
底部：20px；
-webkit转换：translateY（-50%）；
-ms转换：translateY（-50%）；
转化：translateY（-50%）；
颜色：rgba（0,0,0,0.5）；
}
#colorlib aside.colorlib footer.colorlib subscribe form.icon.btn info{
颜色：白色；
}


新闻稿

如果你能发布整个页面的html，那会更有帮助。不过，快速的答案是，您可能希望复制该html片段，然后将其粘贴到您希望它位于的任何元素下面

试试这个：

<input type="text" class="form-control GameO7er" placeholder="Enter Email Address">

在

之前和

之后的文件开头添加以下内容：

...
</head>
<style>
.GameO7er{
  position: fixed;
  bottom: 0;
}
</style>
<body>
...

。。。
.GameO7er{
位置：固定；
底部：0；
}
...

在您的情况下，将代码更改为：

<div class="colorlib-footer " style="bottom: 0px;">

在

和

之间不允许有任何元素<代码>s进入

。