0

私は単純なフォームをレイアウトしようとしていますが、正しい方法でそれを行うかどうかはわかりません.私の最初の質問は:次のhtmlがある場合

<div class="row">
    <div class="span6">
        text text
    </div>

  <div class="span6">
       text text
   </div>
</div>

span* クラスに適用される margin-left ルールを小さくする方法はありますか? つまり、ここの 2 番目の div は最初の div から 30 ピクセル残っていますが、10 ピクセルだけにしたい場合はどうすればよいでしょうか?

2 番目の質問: 次の html がある場合

 <div class="row">
        <div class="span6">
            <label>text2</label> 
             <select>
                  <option>5</option>
          </select>
        </div>
</div>

親 div が広い限り、選択ボタンを幅のスペースにするにはどうすればよいですか? 選択に width:100% を追加してみましたが、正常に動作しますが、パディングが追加されると、選択は親よりも広くなりますか?

4

1 に答える 1

0

select 100％を指定してからパディングを追加すると、幅は100％+パディングになります。

幅を94％と言って、3％のパディングを追加すると、合計が100％になります。

select {
    width: 94%;
    padding: 3%;
}

選択要素に境界線を追加すると、これも幅の計算に含まれるため、それに応じて値を調整する必要があります。

CSS3ボックスサイジングの使用を検討することもできますが、それが選択で機能するかどうかは100％わかりません。

http://css-tricks.com/box-sizing/

于 2013-03-17T22:07:53.990 に答える