css – 如何在div中创建多个列

前端之家收集整理的这篇文章主要介绍了css – 如何在div中创建多个列前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如何在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.感谢您的时间.

解决方法

用float创建三个div:left; (或右),并给他们一个确切的宽度.
<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.

猜你在找的CSS相关文章