css - CSS 列のプロパティ

Question

列のプロパティが Internet Explorer で機能しないことに気付いたので、列を作成する別の方法を見つけようとしました。テーブルでそれを行う方法を見つけましたが、少し不格好に見えます。div を使用して、ページを分割する 2 つの垂直列を作成する方法はありますか?

Answer 1

フロートを使用すると、これを簡単に行うことができます。例えば：

HTML :

<div class="col1">Column1</div>
<div class="col2">Column2</div>

CSS :

.col1 { width: 50%; height:100px; float:left; background:#ddd}
.col2 { width: 50%; height:100px; float:left; background:#777}

デモ: http://jsfiddle.net/AfgAG/9/

Answer 2

2 つのdivタグを並べて配置し、一方にfloat:leftCSS プロパティを指定し、もう一方にを指定できfloat:rightます。これらの div は両方とも、DOM ツリー内で同じレベルにある必要があります。つまり、基本的に、HTML を記述するときは、両方の div タグが互いに「隣り合っている」必要があります。例えば：

<div> stuff </div> <div> more stuff </div>大丈夫ですが、

<div> stuff </div> <div> <div> more stuff </div> </div>「その他のもの」を直接含む内側の div ではなく、外側の div タグにfloat:leftまたはのラベルを付ける必要があります。float:right

それが役立つことを願っています!

Answer 3

You can use column-count although not in IE before 10. With prefixes it works in everything else.

Is float not working for you?