0


私はいくつかのレスポンシブ CSS を行っており、次のようなものが必要です。

<body>
<nav>
<ul>
 <li>Asd</li>
 <li>sdf</li>
</ul>
</nav>
<table>
 (Some wide table goes here)
</table>

ページ上部のバー (= 水平バー) としてナビゲーションを定義しました。小さな画面 (テーブルが大きすぎる場合) では、水平スクロール バーが表示されます。

私の問題は、水平方向にスクロールすると、ナビゲーション バーが左に移動し、右側に空白が残ることです。バーの印象を保つために、見えるようにしたいだけです。それを行う方法はありますか?

そのうちの 1 つが position:fixed になるので、ナビゲーションは固定されたままになりますが、これは、垂直スクロールを使用してもナビゲーションが固定されることを意味しますが、これは望ましくありません。

垂直方向にスクロールできるようにしながら、ページ全体と同じ幅 (画面と同じ幅だけでなく) にしたいだけです。(水平スクロールが発生したときにナビゲーションコンテンツもスクロールするか、ナビゲーションコンテンツがスクロールされてナビゲーションの背景(およびナビゲーションの境界線など)だけがあるかどうかは、私にとってはまったく問題ではありません)

編集: http://imageshack.us/photo/my-images/39/201302202145541024x600s.png/

4

2 に答える 2

0

CSS を使用position:absolute; left:0;(ページのスクロール時に Web 画面の左側から移動しないようにします。)

于 2013-02-20T20:28:07.600 に答える