Raphael 100% paper 给了我一个垂直滚动条答案

【问题标题】：Raphael 100% paper is giving me a vertical scrollbarRaphael 100% paper 给了我一个垂直滚动条
【发布时间】：2014-05-30 19:50:39
【问题描述】：

我一直在使用 Raphael 库，但遇到了一个奇怪的问题。

我的测试 HTML 仅包含一个 ID 为“main”的 div。我的 CSS 很简单-

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body, html {
    height: 100%;
    width: 100%;
}
#main {
    height: 100%;
    width: 100%;
}

我可以在不出现任何滚动条的情况下向 HTML 添加更多内容。但是，只要我添加-

var paper = Raphael("main", "100%", "100%");

我得到一个垂直条。有没有人知道为什么？如果我将它设置为“98%”，它就会消失，我愿意接受它作为一种快速而肮脏的解决方法，但我想知道一切的原因。另外，谁知道这会对不同的平台做出怎样的反应。

【问题讨论】：

正如 Johnny 5 所说：“需要 - 更多 - 输入”

标签： javascript html css raphael vertical-scrolling

【解决方案1】：

伙计，我真的不知道“为什么”！

但是我已经为您的问题 (http://jsfiddle.net/Z8dYT/) 创建了一个小提琴，并且通过为 div 和 body 着色，可以看到 div 仍然是正确的高度。只是身体有点溢出。

如果你没问题，只需在正文中添加一个overflow:hidden，就可以了。否则，至少我希望小提琴会派上用场=)

【讨论】：

Hmm.. 这在 jsfiddle 中确实有效（顺便说一句，谢谢），但是当我在 Chrome 中加载本地副本时，这些更改无效。改成FF，使用100%时条不出现，或者CSS发生变化，但是当我将纸张的高度和宽度设置为100%时，它似乎忽略了我所有的转换变化。这并不是这个问题的真正一部分，但它现在让我认为我可能需要使用直接硬编码像素而不是百分比。
啊，没关系。那确实奏效了。我嗯...忘记链接CSS。 >.> 一直以来...该死的 :c 这似乎也解决了我的 FF 问题。

【解决方案2】：

我猜这可能是盒子尺寸的问题。试试这个：

#main {
    box-sizing: border-box; 
}

顺便说一句，jsfiddle 有很大帮助。 http://jsfiddle.net/

【讨论】：

哈哈，我确实是想添加一个 jsfiddle，但我认为这可能是其中一个有明显答案的问题，而我只是错过了。