ナビゲーション メニューと背景バー (不透明度の問題に対処するために別々に保持) という 2 つの手に負えない要素に取り組んでいます。それらの位置は固定されているため、スクロール中に表示されたままになります。親の幅を模倣する必要があるそれらの幅は、100% に設定されています。残念ながら、ウィンドウが十分に狭く引き伸ばされると、その幅は親の外側にはみ出します。
これは、html の図です。
<html>
<body>
<content>
<nav-bar>
<nav-menu>
...
</content>
</body>
</html>
説明するよりも表示する方が簡単なはずなので、ページへのリンクを次に示します: http://www.seanoneill.us/test/index.html
ブラウザがコンテンツの最大幅を超えて引き伸ばされると、すべてがうまく見えます。ブラウザーを狭くすると、ナビゲーション バーとナビゲーション メニューの右端がコンテンツの幅からはみ出します。他の wort では、「Contact」の右端は、コンテンツ div の右端から 20px のパディングでインセットする必要があります。これを確認する最良の方法は、大きく下にスクロールして、メニューが画像を覆い、半透明のナビゲーション バーが表示されるようにすることです。次に、ブラウザーをコンテンツの最大幅まで伸ばし、そのしきい値を超えて前後に動かします。
nav-bar と -menu を content div の内側に保持する方法を誰か教えてもらえますか?
関連する要素がいくつかあり、どれが重要な要素なのかわからないため、ここに css をリストすることは差し控えました。リンクを貼るだけでよろしいかと思います。
読んでくれてありがとう。