2013-07-31 275 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.

固定位置是你想要的嗎?窗戶的底部還是窗體的底部?