一个诡异的前端问题，崩溃了

[pein]

页面地址 http://www.kuitao8.com/demo/20131229/1/matrix-admin/grid.html
http://ww2.sinaimg.cn/large/69e23056gw1etxo3dgyucj20ch0ezt93.jpg
如上图，这是一个基于bootstrap的后台模版，这玩意在手机上和PC最小窗口模式时，最右边会莫名奇妙空出一段距离，按F12也看不出什么名堂来，百思不得其解，有木有前端大牛能解释解释为什么会空出这段距离？是由什么造成的？我的浏览器是Chrome

[Pete]

我也遇到过但是我现在爪机无法回答你…

[pein]

@Pete 跪求点拨~~我快崩溃了

[lingyired]

这是根源： #user-nav

[lingyired]

#user-nav .nav
这个

[paloalto]

#user-nav .nav 的 margin-left 为负数，改为 0 即可

[paloalto]

[lingo]

#user-nav > ul
margin-left:20%!important;

[lingo]

楼上两个真快。。。

[Pete]

楼上已经找到了哎 一开始我以为是body的css没写对呢。。。

[yangg]

@media (max-width: 480px)
#user-nav > ul 这个选择器的 margin去掉就可以了

[pein]

@paloalto 改为0那一栏就直接没了。。。

[pein]

@yangg 去掉那一栏也没了。。

[gamexg]

已解决？
我这里一切正常 chrome 43 + IE 11

[pein]

@lingyired
@paloalto
@lingo
@yangg
@gamexg
感谢，已解决。
1. 将matrix-style.css中#user-nav > ul的margin-left属性去除
2. 将matrix.js中修改#user-nav > ul的margin-left属性赋值为0

[paloalto]

感觉这种抢答题可以多来一些。