私はヒーローイメージを持っています。その上にロゴとメニューがあります。 私はヒーローイメージに以下のプロパティを与えました。 nav barの場合、私はposition: absolute; and width : 100%を与えています。横スクロールバーのない100％幅のnavbar、html-css
私はその水平スクロールバーが欲しくない、助けてください。 this is how my page look like
height: 551px; width: 100%;background: url(../_images/banner_1.JPG) no-repeat;background-size: cover;position: relative;
あなたはとてもそれがコードの下に追加隠し、100％にあなたのナビゲーションバーのdivを変更するには、ウィンドウの水平スクロールバーを意味し、
body{
overflow-x:hidden;
}
あなたの素早い答えをありがとう、私はオーバーフロー - xを追加：本文に隠されています。そしてそれは水平スクロールバーを削除するのに役立ちました。 でも、私のnavbarはウィンドウの外に出ています。私は最後のメニュー項目を見ることができません。 –
@DhawalShingareようこそ、私はあなたのリンクの間のパディングがそれを減らすことがわかりました。 – frnt
horiontalスクロールバーに
を除去するためのオーバーフローを追加-x：hidden
私は本体にoverflow-x：hiddenを追加しました。そしてそれは水平スクロールバーを削除するのに役立ちました。しかし、まだ私のnavbarは窓の外に出ている、私は最後のメニュー項目を見ることができない –
既にロゴとメニューがあります。メニューの計画は何ですか、あなたはそれが垂直になりたい、あなたはjsfiddleを作成できますか？ – frnt
私はJSfiddleを知らないのですが、 "navbar" divにロゴとメニューを追加しました。navbar divの幅を100％にする必要がありますが、同時に水平スクロールバーを作成しないでください。 これは、ナビゲーションバーに100％の幅を適用しているときに、水平スクロールバーを作成するためです。 –