2013-07-31 227 views
1

的底部,所以我有这个网站移动DIV于母公司

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

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

如何使提交按钮进入搜索表单的底部?

+0

您是否尝试过使用'vertical-align:bottom;'为该css类?或者将你的文本输入和提交按钮设置为'display:block;'? –

+0

@Ty,你会认为这会起作用,但垂直对齐更多的是对齐文本和图像。 –

+0

它不能用来对齐表单元素吗?我从来没有真正尝试过使用它,但我已经用它来对齐表中的项目 –

回答

2

应用以下:

position:fixed; 
bottom:0px; 

然后根据需要进行更改:

height: Xpx; 
width... 

1

如果形式具有绝对的,相对的(通常的选择),或固定的位置,那么您应该可以将输入设置为绝对位置并将其底部坐标设置为0.

固定位置是你想要的吗?窗户的底部还是窗体的底部?