在我的movingboxes div中找到神秘的填充答案

【问题标题】：Finding mysterious padding in my movingboxes div在我的movingboxes div中找到神秘的填充
【发布时间】：2011-05-11 02:16:08
【问题描述】：

我的网站上有一个移动框 jquery 插件，框内面板的左侧移动了大约 40 像素。

我怀疑这与我的样式表填充有关，但我似乎找不到它。谁能解释一下是什么造成了这种转变？

我的网站是www.generationd.com，移动框位于产品 | High Availability Asterisk，然后单击 Screen Shots 选项卡。

谢谢！

【问题讨论】：

您是否在 Firefox 中使用过 Firebug？如果您从事 Web 开发，那么绝对值得一试——除此之外，它还可以让您查看为 HTML 元素计算的所有 CSS 样式，以及从哪些 CSS 规则加载它们。应该只是这种问题的事情。

标签： html find padding

【解决方案1】：

如果您指的是屏幕截图滑块左侧的奇怪空间，那么有问题的 css 似乎是：

.mb-scrollContainer, .mb-scroll {
    width: 830px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: -35px;
    top: 0;
    font-size: 18px;
}

当我更改宽度以适应滑块的宽度时，这有点半途而废，并且不得不将其向左移动 35 像素。

这可能需要更多的工作，但至少您知道问题出在哪里。

【讨论】：