Can't get why same dropdown's have different width

Here is my trouble in screenshots: first-dropdown: ![enter image description here][1] second-dropdown: ![enter image description here][2] Second dropdown has width a little bigger at right side. Google Chrome says, that width are the same.

HTML code:

My CSS: .menu{ width:940px; height: 30px; border-width:1px; border-top-style:solid; border-bottom-style:solid; border-color: grey; padding:10px; background-color: rgb(212,229,190); } .row .nav-pills .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 245px; padding: 0; margin: 0; list-style: none; rgb(180, 210, 135) background-color: #ffffff; border-width:0 1px 1px 1px; border-color:rgb(180, 210, 135); -webkit-box-shadow: 0 5px 10px rgba(180, 210, 135, 0.2); -moz-box-shadow: 0 5px 10px rgba(180, 210, 135, 0.2); box-shadow: 0 5px 10px rgba(180, 210, 135, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border-top-right-radius: 0px; border-top-left-radius: 0px; } Added css of links .menu .nav-pills .dropdown-menu a { display: block; padding-top: 5px; padding-left: 10px; clear: both; font-weight: normal; line-height: 18px; color: black; white-space: nowrap; } .menu .nav-pills .dropdown-toggle { border: 1px solid #B4D287; background-color: white; margin-bottom: 0px; } [1]: http://i.stack.imgur.com/yNBIL.png [2]: http://i.stack.imgur.com/J1mIn.png
Give it fixed width. in CSS I only see min-width, but not width: 245px;,

以上就是Can't get why same dropdown's have different width的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏