記錄下這個布局的實現吧
中間的線是背景，由一張很小的線的在y軸重複而成
background: url(./../images/solid.jpg) repeat-y center center;右邊的內容右浮動，文字居左對齊
中間的方塊是絕對定位上去的
每個li的寬度用百分比在響應式中也毫無壓力
.stage-event-box li.fr
.stage-event-box li.fl
.stage-event-box li
.stage-event-box li.fr .sm-square
.stage-event-box li.fl .sm-square