19

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が必要です。お時間をいただきありがとうございます。

4

1 に答える 1

45

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>

実際の動作をご覧ください。

于 2012-05-20T20:20:22.547 に答える