DIVを互いに隣り合わせに配置する方法

私はお互いの隣に置いておきたいDIVをいくつか持っていますが、ブロックしているので互いに下になります。これをどうすれば解決できますか？DIVを互いに隣り合わせに配置する方法

多くの回答に記載されているように、コードを含めることをお勧めします。今のところあなたの質問には、有効な回答がいくつかありますが、あなたの質問の詳細がなくてもあなたの状況に応じて誰でも_best_答えを特定することは不可能です。そして、ようこそ： – csturtz

最良の方法は、フロートを使用することです：左が、しかし、いくつかのケースでは、あなたの代わりにDIV

2012-03-09 13:58:40

Noooooの浮動は悪です。のように、彼らは解決するよりもはるかに多くの問題を引き起こします。 – Domenic

彼らはどのように悪いですか？ –

要素をレイアウトから外します。長いテキストの横に浮かんだもの（本の絵を考える）。しかし、彼らは決してレイアウトの仕組みとしては意味がありませんでした。そのため、それらを悪用すると悪名高い "clearfix"のようないたずらなものにつながります。 – Domenic

div.i-like-snuggling { 
    /* don't ever leave me */ 
    display: inline-block; 
}

2012-03-09 13:56:56 Domenic

まあ、*私は抱き締めるのが好きです。 – BoltClock

次のコードでこれを達成することができます：

スタイル= "表示：インラインブロック";あなたの啓発のための

EDIT

2012-03-09 13:57:09 Liam

私は属性 'stytle'について聞いたことがありません。これは 'HTML6'ですか？ – Christoph

番号。それは非常に、非常に標準的です！ PS最新のHTMLはHTML5ではなく、6 .... – Liam

おそらくそれはHMTLです。 –

は

2012-03-09 13:57:30 csturtz

あなたの最善の策は、例えばCSSプロパティ "フロート"

div { float: left; width: 200px}

に行くことですこれらのdiv要素にdisplay: inline-block;スタイルを追加します。幅を指定しないと、ブラウザは適切な感じの幅（たとえば、子要素の幅）をレンダリングします。

が、私はいつもこの記事は良い参考見つけた：他の人によって示唆されるようにhttp://css.maxdesign.com.au/floatutorial/introduction.htm

を、あなたもdisplay:inline-blockを使用することができます。それはあなたが達成したいと思う効果によってちょっと違います。

2012-03-09 13:57:54 Bram

divが同じ高さでないか、特別なマージン/パディングが必要な場合に問題が発生する可能性があります。 –

詳細を知ることは面白いでしょうペッター・ヘルマンセンが達成しようとしていることについて – Bram

のSPANを使用する場合がありますそれとも絶対位置はあなたのための最良の選択です。あなたのHTMLがどのように見えるかはわかりません！

2012-03-09 13:59:03

私はこの男が好きです！（そして絶対的な位置付け...） – SamStar

答えて