0

メーリングリストにメールを追加する簡単なフォームがありますが、負のマージンを使用せずに、最後の入力フィールドと送信ボタンを並べて配置したいと思います。

http://bettondesignwork.co.uk/miltounこれはフォームのあるサイトです。

これはcssです

    form .inputbox{border:#666476 1px solid; color:#c3c2c9; height:28px; padding-left:6px;}
    form .name{width:282px; margin:0 0 10px;}
    form .email{width:215px; vertical-align:bottom;}
    form .submit{width:60px; background:#666476; color:#e7dbcf; border:none; height:32px; margin:0; padding:0; border:#666476 1px solid;}

メールを送信してフォームに0マージンと0パディングを送信しようとしましたが、並べて表示されません。これがどのように達成されるかについての手がかりはありますか？

4

2 に答える 2

1

以下のように追加float:leftするだけaside form .emailです：

aside form .email {
    vertical-align: bottom;
    width: 215px;
    float: left; /* add this */
}
于 2012-12-06T14:14:07.867 に答える
0

ソース コード内の 2 つの入力要素の間のスペース/タブ/改行を削除すると、それらがぴったりと収まるはずです。

于 2012-12-06T14:16:04.273 に答える