css浮动问题

Question

<div class="plate">
               <div class="plate1">
                   <div class="plate-tit">业务执行板块</div>
                   <div class="plate-news">
                       <span>产业系统力量<br/>销售系统力量</span>
                       <span>|</span>
                       <span>落地</span>
                   </div>
               </div>
               <div class="plate2">
                   <div class="plate-tit">商业模式板块</div>
                   <div class="plate-news">
                       <span>产业系统力量<br/>销售系统力量</span>
                       <span>|</span>
                       <span>落地</span>
                   </div>
               </div>
               <div class="plate3">
                   <div class="plate-tit">资本板块</div>
                   <div class="plate-news">
                       <span>产业系统力量<br/>销售系统力量</span>
                       <span>|</span>
                       <span>落地</span>
                   </div>
               </div>
               <div class="plate4">
                   <div class="plate-tit">管理板块</div>
                   <div class="plate-news">
                       <span>产业系统力量<br/>销售系统力量</span>
                       <span>|</span>
                       <span>落地</span>
                   </div>
               </div>
               <div class="plate5">
                   <div class="plate-tit">管理板块</div>
                   <div class="plate-news">
                       <span>落地</span>
                       <span>|</span>
                       <span>产业系统力量<br/>销售系统力量</span>
                   </div>
               </div>
               <div class="plate6">
                   <div class="plate-tit">领导力模块</div>
                   <div class="plate-news">
                       <span>落地</span>
                       <span>|</span>
                       <span>产业系统力量<br/>销售系统力量</span>

                   </div>
               </div>
               <div class="plate7">
                   <div class="plate-tit">低成本创新之道</div>
                   <div class="plate-news">
                       <span>落地</span>
                       <span>|</span>
                       <span>产业系统力量<br/>销售系统力量</span>
                   </div>
               </div>
             </div>
             ![图片描述][1]
         上图是dom结构 我的需求就是把plate1---plate7宣示在plate不同的位置
         
         但是当我把plate1---plate7用position: absolute的时候发现里面的内容都粘在一起 ；还有其他解决方案吗？？

Answer 1

...我觉得楼主你提问的时候可以把问题写在代码的外面..
然后贴上css demo...

Answer 2

我觉的可以用bootstrap