文書ではなく画像を含むスクロールDIV

私はスクロールしたいdiv内に大きな画像を持っています。しかし、divのスクロールの代わりに、私は文書をスクロールしています。文書ではなく画像を含むスクロールDIV

イメージをDIV内でスクロールし、親またはドキュメントをスクロールする方法はありますか？

マイコード：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Force Scroll</title> 
    <style type="text/css"> 
     .scrollable 
     { 
      overflow: auto; 
     } 
    </style> 
</head> 
<body> 

<div class="scrollable"> 
    <img src="image.jpg" alt="test image" /> 
</div> 

</body> 
</html>

出典

2011-06-29 capdragon

のdiv（最大）幅と高さを設定し、それが動作するはずです。それ以外の場合はdivがちょうど画像の大きさに自分自身を調整します：ここに

#mydiv { 
    overflow: auto; 

    max-width: 800px; // or width instead of max-width 
    max-height: 600px; // or height instead of max-height 
}

例：http://jsfiddle.net/x58RD/を。

それはあなたがIE6のような古代のブラウザをサポートすることを余儀なくされていることが起こる場合は、とにかく代わりmax-widthとmax-heightのwidthとheightを使用する必要があるか、それはまだ動作しません。

出典

2011-06-29 13:57:42

あなたは、たとえば、DIVのサイズを修正する必要があります。

width: 200px; 
height: 200px;

出典

2011-06-29 13:57:56 bravedick

あなたは幅と高さを定義する必要があります。 Divsはブロック要素であり、必要に応じて多くの領域を占有します。この場合、画像と同じ大きさである。

出典

2011-06-29 13:58:16 Jrod

+1は良い情報です。 – capdragon

文書ではなく画像を含むスクロールDIV

答えて

関連する問題