divに複数の列を作成する方法

Question

divに複数の列を作成する方法が不思議でした。フッタのためのもので、サイトマップ、ソーシャルメディアへのリンクなどが必要です。

私は<multicol>を使用するつもりでしたが、それは非難されていたので、それを使って私を捨てました。

基本的に私は80％幅のDIVを持っていて、その中に3つの列が必要です。それぞれに余裕を持たせるのが好ましい。

のCss：

div.bottom 
     { 
      height: 200px; 
      width: 80%; 
      margin-left: auto; 
      margin-right: auto; 
      margin-top: none; 
      margin-bottom: none; 
      border-top: 4px solid #00ccff; 
      border-bottom-left-radius: 15px; 
      border-bottom-right-radius: 15px; 
      background-color: #575757; 
     } 

私はちょうど今、HTMLを必要としています。あなたの時間をありがとう。

Answer 1

float: left;（または右側）で3つのdivを作成し、正確にwidthを付けます。

<div class="bottom"> 
    <div style="float: left; width: 33%;"></div> 
    <div style="float: left; width: 33%;"></div> 
    <div style="float: left; width: 33%;"></div> 
</div> 

in actionを参照してください。