2012-01-27 20 views
3

私は小さなチャットを行います。私はレイアウトデザイナーよりもプログラマーだから、CSSには問題がありました。テキストの入力幅は最大で1行に入力してください

HTML:

<div class="chat_input_box"> 
<input type="text" class="chat_input_text" name="message"> 
<input type="submit" value="Отправить" class="chat_submit_button"> 
</div> 

CSS:

.chat_input_box { 
width: 100%; 
} 

.chat_input_text { 
width: 83%; 
} 

.chat_submit_button { 
margin-right: 0px; 
} 

問題は、打ちせずにテキストフィールドの最大の幅(例えば83%)を設定するために行くされていないということです。 screenshot

+0

の可能重複[それは100%だように、要素の幅を伸ばす方法 - その兄弟の幅?](のhttp:/ /stackoverflow.com/questions/3682649/how-to-stretch-the-width-of-an-element-so-that-its-100-widths-of-its-siblin) – BoppreH

+0

これはソリューションかもしれません。http: //stackoverflow.com/a/8765917/252218 – BoppreH

答えて

0

ボタンと入力を2つの異なるdivに入れてみます。ボタンdivを与えるCSSパラメータ "float:right; width:someAmount px;"

関連する問題