2015-09-07 85 views
1

下圖中,綠色的是股利和白色區域是一個文本框,我想保留文本框充滿整個DIV的如何使整個輸入文本框充滿整個DIV

enter image description here

誰能幫幫我?我將非常感激。

+0

你能連鎖行業e您迄今使用過的CSS嗎? –

+1

發佈代碼片段以便我們可以進行審閱可能會很有用。 包含生成該框的HTML,它的父元素以及影響它們的CSS。 –

回答

2

一組孩子的寬度和高度爲100%

這裏有一個現場演示:

div{ 
 
    height:50px; 
 
    width:300px; 
 
    background-color:green;} 
 

 
div input{width: 100%;height: 100%;}
<div><input type="text" name="test"></div>

+0

感謝您的幫助。您是對的 – wanghao

+0

@王浩你不客氣 –

2

如果div具有固定寬度,則將相同的寬度屬性添加到您的輸入(文本框)。如果沒有,那麼你可以設置100%的文本框的寬度屬性。

1

添加input{width:100%};到你的CSS

http://jsfiddle.net/RachGal/p3qzvgvk/

+0

如果您有多種類型的輸入,然後使用輸入[文本] {寬度:100%;} –

+0

感謝您的幫助。您是對的 – wanghao

+0

歡迎您隨時樂意幫助 –