javascript - css浮动问题

Question

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

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

Answer 1

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

Answer 2

我觉的可以用bootstrap