I have a navigation bar, which I want to scroll down to scroll.
That's why I gave it here: Status: Fixed;
Now if I change the size of my browser window, then I can not see the link on the right (I can not scroll the navigation bar right). I think because status: is fixed;
, but I do not know how to fix it.
My code here:
* {margin: 0 pixels; Padding: 0 pixels; Font-family: 'Oswald', without-serif; Body {height}: 2000px; Background color: RGB (35, 35, 38); } NAV {Width: 100%; Background color: RGB (14, 14, 14); Hidden flurry; Border bottom: 2px solid black; Margin-down: 5px; Status: fixed; Top: 0; } .nav-top-ul {font-size: 0px; Width: 1000 pixels; Margin: 0 px auto; } Section {margin: 0 px auto; Width: 1000 pixels; Margin-top: 50px; Word-wrap: break-word; } .nav-top-li {display: inline-block; } .nav-top-a {display: block; Font-size: 16px; Padding: 10px 20px; Color: RGB (137, 137, 137); Infection: all 0.5 s; Text-decoration: None; } .nav-top-a: hover {color: white; } .right {float: right; }. Left {float: left; }
& lt ;! DOCTYPE html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Title & gt; Seite & lt; / Title & gt; & Lt; Link href = 'http: //fonts.googleapis.com/css? Family = oswald 'rel =' stylesheet 'type =' text / css' & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; NAV & gt; & Lt; Ul class = "nav-top-ul" & gt; & Lt; Div class = "left" & gt; & Lt; Li class = "neo-top-lee" & gt; A class = "new-top-A" href = "index.php? Content = home" & gt; Namdisite site & lt; / A & gt; & Lt; / Li & gt; & Lt; / Div & gt; & Lt; Div class = "right" & gt; & Lt; Li class = "neo-top-lee" & gt; One class = "new-top-a" href = "index.php? Content = home" & gt; Login & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "neo-top-li">
this status : There is nothing to do with fixed
. You set the width of the navigation bar to 1000px
set it to 100%
and you'll be fine.
.nav-top-ul {font-size: 0px; Width: 1000 pixels; // Change it to 100% margin: 0 px auto; }
No comments:
Post a Comment