Question

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

我的测试HTML只包含ID为＆＃34; main＆＃34;的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%");

我得到一个垂直条。有没有人知道为什么？如果我把它设置为＆＃34; 98％＆＃34;它消失了，我愿意接受这是一个快速而肮脏的解决方法，但我想知道为什么一切都是如此。另外，谁知道这将如何对不同平台作出反应。

Answer 1

伙计，我真的无法理解＆＃34;为什么＆＃34;！

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

如果你没问题，只需在身体上添加一个overflow:hidden，就可以了。否则，至少我希望小提琴会很方便=）

Answer 2

我猜测它可能是盒子大小的问题。试试这个：

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

顺便说一下，jsfiddle非常有帮助。 http://jsfiddle.net/

Raphael 100％纸张给我一个垂直滚动条

2 个答案: