私は250の幅と125の高さの3つのdivを持っています。どのようにしてそれらを互いに並べると、ほとんどのブラウザで動作するのですか?divを整列する際の問題
0
A
答えて
4
は、これはこれは、上記のメインのdivの下に来るすべてのコンテンツは、内側のdivのすべての3つ以下であることを確認します
<div style='display:inline-block'>
<div style='float:left; width:250px;'>First</div>
<div style='float:left; width:250px;'>Second</div>
<div style='float:left; width:250px;'>Third</div>
</div>
オプションであり、あなたの問題
<div style='float:left; width:250px; height:125px;'>First</div>
<div style='float:left; width:250px; height:125px;'>Second</div>
<div style='float:left; width:250px; height:125px;'>Third</div>
解決します。
さまざまなスタイルの両方でいくつかのコンテンツを試してみると、私の言いたいことが分かります。より良い説明を得るために最初から高さの値を削除してください
0
すべて同じ高さを持っている場合は、float: left
を使用するだけで、周囲のボックスがそれらを保持するのに十分な幅を持っていれば、そのトリックを行う必要があります。
関連する問題
- 1. div整列の問題
- 2. 3つの動的divを整列する際のCSSの問題
- 3. Divコンテンツの整列の問題
- 4. divを移動する際の問題
- 5. IE7 - Jqueryを使用するときのdiv整列の問題
- 6. 親div内の子divとの整列問題
- 7. Javafxボタンを整列する際の問題
- 8. Operaで水平にブロックを整列する際の問題
- 9. divコンテンツの整列の設定に関する問題
- 10. div内の画像とリンクの整列に関する問題
- 11. 縦に真ん中に整列する際の問題
- 12. div内のコンテンツの整列に問題があります
- 13. POST2PDFコンバータ:コンテンツを2列のレイアウトで整列する際の問題
- 14. divの整列に問題があります
- 15. グリッド整列問題
- 16. 浮動小数点のdiv整列の問題
- 17. divボックスとCSSグリッドの整列の問題
- 18. もう1つのセンタリングdiv整列の問題
- 19. イメージの整列の問題
- 20. ブートストラップモバイルヘッダーの整列の問題
- 21. フィールド整列問題のCss
- 22. ラジオボタンの整列問題
- 23. リストの整列問題css
- 24. UILabelセンターの整列問題
- 25. BBCレプリカウェブサイトのテキストを整列する際に問題があります
- 26. CSS:DIV内でLABELを整列する際のいくつかの問題
- 27. AndroidのWebViewでYoutubeクリップを一元的に整列する際の問題
- 28. 問題を整列するナビゲーションul
- 29. リンクの整列に関する問題
- 30. HTML/CSS 'インラインブロック'要素を並べて整列する際の問題