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

This topic created in 4140 days ago, the information mentioned may be changed or developed.

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

前端

模版

Bootstrap

15 replies • 2015-07-10 19:54:21 +08:00

Pete

Jul 10, 2015 via Android

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

pein

Jul 10, 2015

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

lingyired

Jul 10, 2015

这是根源： #user-nav

lingyired

Jul 10, 2015

#user-nav .nav
这个

paloalto

Jul 10, 2015

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

paloalto

Jul 10, 2015

lingo

Jul 10, 2015

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

lingo

Jul 10, 2015

楼上两个真快。。。

Pete

Jul 10, 2015

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

yangg

Jul 10, 2015

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

pein

Jul 10, 2015

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

pein

Jul 10, 2015

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

gamexg

Jul 10, 2015

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

pein

Jul 10, 2015

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

paloalto

Jul 10, 2015

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