jquery - 更改 div 窗口的位置正在调整大小

Question

大家好，我有两个 div 的最新消息， slider

<div id="topcontent">
  <div id="latestnews"> Content1  </div>
  <div id="slider">   content2   </div>
</div>

我为此使用了以下 css

#topcontent {
  height:auto;
  margin-top:15px;
  overflow:hidden;
 }
#latestnews {
width:32%;
float:left;
height:auto;
}

#slider {
margin:0 33%;
width:67%;
position:relative;

}

@media handheld, only screen and (max-width: 767px) {

#latestnews {
    float:none;
    width:100%;    }
 #slider {
    margin:0;
    width:100%;    }
 }  

当width达到767px时content 1先放置然后content2放置，实际上当width达到767px时需要先放置content2。如何以不同的宽度重新排列 div。请帮助我。

Answer 1

试试位置属性和向左浮动。

@media handheld, only screen and (max-width: 767px) {

  #latestnews {
    float:left;
    width:100%;
    position:relative;
  }

  #slider {
    margin:0;
    width:100%;
    float:left;
    position:absolute;
  }

}