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:

  1. The width of #top_menu is 998px;
  2. decrease in
  3. box-sizing: border-box in your #top_menu
; Add

Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -