位置固定ブラウザのサイズ変更

Question

こんにちは私は、relative.Iに設定された位置を持つコンテナdiv内のaraの場所が、絶対位置を使用して各画像を配置した後、画像フォローをscroolにしたかったそれは私が問題にぶつかった時です。私がブラウザのサイズを変更すると、イメージはコンテンツの通常の流れにとどまらなくなります。私は何をすべきですか？ここで

は、画像の一つのコードです：

img[alt=ship]{ 
    border:15px solid black; 
    position:absolute; 
    left:400px; 
    bottom:-50px; 
    position:fixed; 
    z-index:2; 

    -moz-border-radius:35px; 
    -webkit-border-radius:35px; 
    -o-border-radius:35px; 
    border-radius:35px; 

    -moz-transform:rotate(7deg); 
    -webkit-transform:rotate(7deg); 
    -o-transform:rotate(7deg); 
    -ms-transform:rotate(7deg); 
    transform:rotate(7deg); 

} 

そして、ここでは私のマークアップです：

<div id="container"> 



    <div id="content"> 

     <div id="content_1"> 
      <a href="#"><img src="img/octopus.png"/ alt="octopus"></a> 
      <a href="#"><img src="img/snake3.png" alt="snake1" /></a> 
      <a href="#"><img src="img/snake2.png" alt="snake2" /></a> 
      <a href="#"><img src="img/fish.png" alt="fish" /></a> 
      <a href="#"><img src="img/Titanic2.jpg" alt ="ship" /></a> 
      <a href="#"><img src="img/sharks.jpg" alt ="sharks" /></a> 
      <a href="#"><img src="img/shark.jpg" alt="shark"/></a> 
      <a href="#"><img src="img/ship1.jpg" alt="ship1" /></a> 
      <a href="#"><img src="img/submarine.jpg" alt="submarine" /></a> 

      <nav></nav> 
      <section></section> 
     </div> 


</div> 

Answer 1

はmy homepageをチェックしてください。おそらくあなたが探しているのは上の小さなドックです。このため、divはposition:fixedである必要があります。