我想知道如何在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>