将div移动到父级的底部

时间:2013-07-31 22:41:59

标签: html css

所以我有这个HTML

<div class="search-form">
  //other divs
  <input type="text" class="submit"/>
</div>

搜索表单是页面的高度。我希望提交在搜索表单中,但在页面底部。我尝试使用固定位置,并将宽度设置为30%(如搜索表单),但是当我在更大的屏幕上时,提交按钮会变得比搜索表单大。

如何让提交按钮转到搜索表单的底部?

2 个答案:

答案 0 :(得分:2)

应用以下内容:

position:fixed;
bottom:0px;

然后根据需要进行更改:

height: Xpx;
width...

答案 1 :(得分:1)

如果表单具有绝对,相对(通常选择)或固定位置,则应该能够将输入设置为绝对位置并将其底部坐标设置为0.

固定位置你想要什么?窗户底部或窗体底部?