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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3239 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

前端

模版

Bootstrap

15 条回复 • 2015-07-10 19:54:21 +08:00

Pete

2015-07-10 14:48:38 +08:00 via Android

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

pein

2015-07-10 14:50:08 +08:00

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

lingyired

2015-07-10 14:54:00 +08:00

这是根源： #user-nav

lingyired

2015-07-10 14:54:30 +08:00

#user-nav .nav
这个

paloalto

2015-07-10 14:55:06 +08:00

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

paloalto

2015-07-10 14:55:45 +08:00

lingo

2015-07-10 14:58:50 +08:00

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

lingo

2015-07-10 14:59:11 +08:00

楼上两个真快。。。

Pete

2015-07-10 15:01:50 +08:00

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

yangg

2015-07-10 15:02:51 +08:00

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

pein

2015-07-10 15:03:17 +08:00

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

pein

2015-07-10 15:20:39 +08:00

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

gamexg

2015-07-10 15:36:57 +08:00

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

pein

2015-07-10 16:41:43 +08:00

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

paloalto

2015-07-10 19:54:21 +08:00

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