0

私のhtmlページには、それぞれのcssを持つ2つの部門があります

<html>
<head>
#lowerone
{position:absolute; bottom:25px; right:25px; height:300px; width:300px;}
#upperone
{position:absolute; bottom:25px; right:25px; height:300px; width:300px; overflow:scroll;}
</head>
<body>
<div id="lowerone">
</div>
<div id="upperone">
<img src="/bg.3.jpg" />
</div>
</body>
</html>

しかし、上部のdiv、つまりUPPERONEはスクロールできません.スクロール可能にするにはどうすればよいですか?

4

2 に答える 2

1

2 つの絶対配置 div を互いにオーバーラップして使用する特定の理由はありますか? さらに<style>タグが欠落しています...そしてスクロールは私にとってはうまくいきます..

デモ

于 2012-12-16T17:04:02.210 に答える
0

以下のコードを確認してください。両方のスクロールが機能します。

<html>
<head>
    <style>
#lowerone
{position:absolute; bottom:25px; right:25px; height:250px; width:300px;overflow:scroll;}
#upperone
{position:absolute; bottom:25px; left:25px; height:250px; width:300px; overflow:scroll;}
    </style>
</head>
<body>
<div id="lowerone">
    <img src="http://media.caranddriver.com/images/12q4/477956/2014-gmc-sierra-1500-photos-and-info-news-car-and-driver-photo-492039-s-450x274-1.jpg" />
</div>
<div id="upperone">
<img src="http://media.caranddriver.com/images/12q4/477956/2014-gmc-sierra-1500-photos-and-info-news-car-and-driver-photo-492039-s-450x274-1.jpg" />
</div>
</body>
</html>

これが私のフィドルです

于 2014-10-24T09:32:11.333 に答える