CSS整列

： http://jsfiddle.net/Johnny5/EC8kK/CSS整列

Iは入力ボタンが別の要素でラップすることなく、内部のdivと右位置合わせたいです。例：入力の

|---div.container-------------------| 
|         | 
| |--div.box---------------|  | 
| |      |  | 
| |------------------------|  | 
|         | 
|    |--input--|  | 
|    |---------|  | 
|         | 
|-----------------------------------|

.boxの幅が既知ではなく、幅。だから私は正確にその入力のmargin-leftを計算することはできません。 .boxの前後にコンテナ<div>を追加して入力したくありません。 < = 7

htmlマークアップを追加することなく、理想的な解決方法がCSSを変更します。

提案がありますか？

出典

2011-08-03 Johnny5

http://jsfiddle.net/EC8kK/4/とhttp://jsfiddle.net/EC8kK/5/ 'input 'を' .container'の中に入れたい場合 – acm

入力は_outside_でなければなりませんdiv.box。 – Johnny5

私はフィドルを更新しました。私は質問を投稿する前に変更を保存するのを忘れていました... – Johnny5

はここでフィドル

http://jsfiddle.net/RcNSN/

されており、ここにHTMLを変更することなくコードです。ボーダーを削除したら右マージンを調整します。 http://jsfiddle.net/bGE2J/：このような何かについて

http://jsfiddle.net/RcNSN/2/

出典

2011-08-03 15:20:50 avetarman

ニースですが、私はオリジナルのHTMLを修正していない解決策をprefferします。 – Johnny5

別のコードを追加しました。 – avetarman

入力の幅がわからないので、あなたはしなければならないように見えます。 –

何？あなたのコンテナが液体でない限り動作するはずです。

出典

2011-08-03 15:37:08

実際には、容器は液体であり、フィドルで忠実ではありません。 – Johnny5

@ Johnny5 Fluid in pixels or％？ –

私の実際のウェブサイトでは、コンテナは実際には ''です。テーブルのピクセル幅は固定ですが、セルの数と内容は多くのパラメータに依存するため、このコンテナTDのサイズは他のものの内容に依存します。たぶん私はこのサイズを修正するかもしれない。 – Johnny5

答えて

関連する問題