19

我想知道如何在 div 中创建多个列。这是一个页脚,我想要一个站点地图、社交媒体链接等。

我打算使用<multicol>,但后来我读到它已被弃用,所以有点让我停止使用它。

基本上我有一个 80% 宽的 DIV,我需要其中的三列。最好每个都有一个边距。

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

用(或右)创建三个 div,float: left;并给它们一个精确的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 回答