0

position: fixed div常に一番上にある必要があるを作成しましたが、ブラウザウィンドウのサイズをトリミングされたwidth: 900pxサイズよりも小さいサイズに変更すると、次の問題が発生し、スクロールバーが表示されないためスクロールすることさえできません。どうすれば解決できますか？900pxdiv

コードは次のとおりです。 <body> <div class= "bar"><div class="inner_div"></div></div> </body>

今CSS

.bar { position: fixed; height: 60px; width: 900px; border: 2px solid; }

.inner_div {position: absolute; right: 5px; top: 2px; border: 2px solid;  width: 100px; height: 15px;}

このコードを試すと、ブラウザ ウィンドウが 900px 未満になると、バーがトリミングされ、スクロールして inner_div を表示する方法がないことがわかります。

4

1 に答える 1

0

一部のブラウザーは、固定されていない要素のみを使用してコンテンツの幅を決定していると確信しています。ページの下部にこのようなものを追加すると、スクロールバーが表示されます<div style="width:900px;"></div>

前に、スペーシング div を空にすることや、高さを設定する必要があることについては触れていませんでした。そのため、区切りなしのスペースまたは 1 ピクセルの高さを追加すると、幅がいっぱいになります。

完全なコード例: http://jsfiddle.net/8LnBr/

<style>
.bar { position: fixed; height: 60px; width: 900px; border: 2px solid; }
.inner_div {position: absolute; right: 5px; top: 2px; border: 2px solid;  width: 100px; height: 15px;}
.spanner{width:900px; height:1px;}
</style>
<body>
 <div class= "bar">
  <div class="inner_div"></div>
 </div>
 <div class="spanner"></div>
</body>
于 2013-04-09T18:39:22.007 に答える