html - 达到最小宽度时如何将div向左浮动？

Question

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

 </div>

(1) 我希望小节 div 在屏幕上居中。但是当它的最小宽度已经达到重新调整大小时，然后向左浮动并且不再居中。这是为了使用左边距空间。

Demo

Answer 1

为此使用媒体查询

CSS

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