2

私は私のクライアントのためにここでこのページに取り組んでいますhttp://sw6.us/scott/index.html

サイトがすべて div 内にあることに注意してください。問題は、テキストが長すぎるために生成されるスクロール バーです。CSS を編集し、「overflow」を auto ではなく hidden に変更しましたが、これによりテキストが画面からはみ出し、スクロールできなくなります。

これが私の洗練されたHTMLコードです

<div class="main">


<div class="blk">
....
</div>
<div class="navbar">
....
</div>
<div class="programs">
.....
</div>
<div class="blk2">
...
</div>


</div>
</body>
</html>

サイトは .main div から構築されています

そのスクロールバーをブラウザの右端に表示し、.main div をスクロールするにはどうすればよいですか?

これが不可能な場合、ブラウザの右端にスクロールバーを配置する設定で、この正確な外観を実現するにはどうすればよいですか? 私がこのようにしているのは、クライアントが .pdf モックアップとまったく同じサイトを望んでいるためです。

ありがとう!

4

2 に答える 2

0

メインdivをスクロールする場合は、CSSを次のように変更します...

html, body { overflow: hidden; }
div.main { overflow: auto; }  

また、下部に影を付けるためのスペースを残すために、下部マージンを設定する必要があります...

たぶんPDFを投稿することは私にとってよりよく理解するのに役立つでしょう...

于 2012-04-14T04:29:03.037 に答える
0

これを試して:

<div style="height:250px; width:550px; overflow-x:scroll ; overflow-y: scroll;></div>

水平スクロールを非表示にする場合は、次のようにします。overflow-x:hidden ;

于 2012-04-14T04:31:42.393 に答える