css实现多列并排多块并排左右顶头_html/css_WEB-ITnose

今天在工作中遇到了一个问题： 有三个div块，里面放置展示内容，并排，中间有间隙，两边顶头，可以随屏幕大小自适应宽度。
我第一时间想到的是传统的三列布局，但传统的三列布局都是固定宽度加自适应宽度，从网上搜了好久都没有搜到结果。所以自己想办法。

第一种想到的办法：

第一种我准备用两边float，中间margin居中的方法。代码如下：
css:

    .wrap{height:300px;width:95%;margin: 100px auto;}    .left{float:left;width:32%;height:100px;background-color: #235255}    .right{float:right;width:32%;height:100px;background-color: #374737}    .middle{width:32%;margin:0 auto;height:100px;background-color: #563958} 

html:

    
        


      
查看更多关于css实现多列并排多块并排左右顶头_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did113835