jquery - can someone tell me why my overflow-x is effecting my menu border? -
So, I added an overflow-x: hidden; So that the horizontal scrollbar will not show up and now it is affecting the limit. In my menu bar, its border is not visible in the right part of the menu bar and when I get the overflow-x code from the CSS, the threshold comes back there By the way, keep the scroll bar hidden and get to the right of the border to show thanks!
CSS:
* {overflow-x: hidden; Margin: 0 px; Padding: 0 pixels; } H1 {font: bold 16px tahoma; }} Header, section, footer, on one hand, nav, article, hg group {display: block; Body {width: 100%; Display: -webkit box; -WebKit-box-pack: Center; } Section {font: 12px vardana; } # Big_User {max-width: 1000px; Margin: 20px 0 pixels; Display: -WebKit-box; -WebKit-box-orient: vertical; -WebKit Box-Flex: 1; } #top_header {background: transparent; Padding: 5px; Text align: center; } #top_menu {float: left; Limit: 1px solid black; Background: -webkit-linear-shield (left, #BDBDBD, # E6E6E6, #BDBDBD); Width: 1000 pixels; Text align: center; } #top_menu li {display: inline-block; List style: none; Padding: 5px 20px; Font: bold 14px tahoma; }
HTML:
I believe your #big_wrapper
width Width of #top_menu
which is 1000px
. Remember that when you define the range: 1px solid black; In your
#top_menu
, then it will add 1 pixel to your side of #top_menu
. Just saying that your #top_menu
width is now 1002px
to overcome this problem you have 2 options below:
- The width of
#top_menu
is998px;
decrease in -
box-sizing: border-box in your#top_menu
Comments
Post a Comment