如何在达到最小宽度时将div浮动到左侧？

Question

 <div id="container">
    <div id="subsSection">
       <div class="leftSection">ss</div>
       <div class="rightSection">ss</div>
  </div>

 </div>

（1）我希望subsection div在屏幕上居中。但是当它的最小宽度达到了重新尺寸时，则浮动到左边并且不再居中。这是使用左边距空间。

Demo

Answer 1

使用媒体查询

<强> CSS

@media only screen and (min-width:768px){
    #subsSection{
        width:20%;
        float:left;        
    }
}