jquery - div ウィンドウの位置を変更してサイズを変更する

Question

こんにちは、私は 2 つの div の最新ニュース、スライダーを持っています

<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%;    }
 }  

幅が 767px に達したら content 1 を最初に配置し、次に content2 を配置します。実際には、幅が 767px に達したら最初に content2 を配置する必要があります。div を異なる幅で再配置する方法。私を助けてください。

Answer 1

position プロパティとfloat to left を試してください。

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

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

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

} 

Answer 2

Float:rightプロパティを使用してこれを達成する

http://jsfiddle.net/Lubuu/7/デモ