幅100%に設定されたdivがあります。 20pxの左右に余白を設定したいと思っていました。何らかの理由で左だけが20ピクセル以上押し込まれています。右を無視します。これは100%のためですか?左右に余白100%
2
A
答えて
7
幅を削除します。すべてのブロック要素と同様に、divは自動的に利用可能な幅を埋めるように拡張されます。 100%の幅を指定すると、コンテナと同じサイズになるように指定され、使用可能な幅を埋めることはありません。幅に余白が含まれていないので、幅に加えて余白を指定すると、divが左余白分だけ右にシフトされ、右余白が画面外に存在します。
1
100%を削除してください。それに20px margin
としてください。
5
全く愚かではありません。何が起こっていることは、あなたがこのようにややバナーを設定しようとしているです: (#はマージン)
==========
#--------#
==========
が、それはこのように終わる:それはこのようになり作る
==========
#----------#
==========
:
==========
#---------
==========
余白を追加しても、設定幅は100%に縮小されません。
あなたが
left:20px; right:20px;
を使用して試してみて、幅とマージン
auto
EDIT
か、単に他の人のように幅をオフのままを残すかもしれないが示唆されています。 :P
+0
OPのケースで実際に何が起こったかの貴重な説明。 – Matijs
0
div
は、フローティングを開始しない限り、使用可能なすべての領域を使用します。 width
を削除してください。
関連する問題
- 1. ボタンの余白 - 左余白左の画像の左余白
- 2. ChromeとFirefoxで左右に余白が変わる
- 3. ブートストラップ行の要素に左右の余白を追加する
- 4. Android:Nexus 10のランドスケープモードで不要な左右の余白
- 5. 固定の左右の余白と柔軟な幅のUIView autoresizingMask
- 6. 左/右の自動余白と900px幅の余白がiPad/iPhoneで余分に広い余白で配置されています
- 7. UITextFieldに左余白を追加
- 8. drupalビューをajaxで右余白にロード
- 9. 背景画像左余白の問題
- 10. PDFテキストの位置、ページの左余白
- 11. 左に固定幅div、右に余分幅divを入力
- 12. ブートストラップの行を左/右に小さな余白を付けて13個に分割する
- 13. 段落の左余白をhtmlに設定する
- 14. ULは左に余白があります
- 15. 最初のテーブル列を左ページ余白に合わせる
- 16. gvimの左余白を変更するには
- 17. Firefoxのマイナスの余白で要素を右に移動
- 18. html2pdfを使用しているときにCSSの左余白と上余白を取り除く方法
- 19. AndroidのActionBarで左余白余白を削除するにはどうすればよいですか?
- 20. 画面のサイズを変更するとき、左の余白は同じで、右の余白は縮小されます
- 21. 水平CSS - ボタンの入力フィールド100%と余白
- 22. 左と右のサムネイルの空白を取得するには?
- 23. ブラウザ以外のブラウザに余白や余白がある場合、 '高さ:100%'または '幅:100%'を使用しますか?
- 24. DataTriggerを使用して左右の余白(またはその両方)を変更する
- 25. TDbGridのガター(左余白)のクリックを検出しますか?
- 26. すべてのページの左側の不要な余白
- 27. Visual Studio 2015の左余白を減らす
- 28. Androidの余白を付けたラジオボタンの左側のテキスト
- 29. CSS左、右、左、右...そしてすべて上にフロート
- 30. フロート左と右
すばらしい説明!ありがとうございました –