CSS实现多行多列的布局的实例代码
发布时间：2020-05-12 15:52:57 所属栏目：电商 来源：站长网
导读：副标题#e# HTML: div class=box1box1:实现两列多行布局ulli111/lili222/lili333/li/ul/div CSS: .box1 { width: 500px; background: #EEEEEE;}.box1 ul { clear: both; overflow: hidden;}.box1 ul li { width: 48%; height: 100px; margin-bottom: 10px; b
|
<div class="box4"> <div class="header">圣杯布局2(使用定位)顶部</div> <div class="container"> <div class="left"> 左部固定宽度 </div> <div class="center"> 中间自适应宽度，无需考虑顺序 </div> <div class="right"> 右部固定宽度 </div> </div> <div class="footer">圣杯布局2底部</div> </div> CSS: （编辑：核心网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
