为什么有我的画布底下的缺口

为什么会出现与橙色帆布下一点空间垂直滚动条？默认情况下，内联。当你将它更改为显示：

<div> 
    <canvas></canvas> 
</div> 

div { 
    height:100%; 
    width:100%; 
    background:blue; 
} 
canvas { 
    background-color: orange; 
    width:100%; 
    height:100%; 
} 
html,body{ 
    height:100%; 
    width:100%; 
} 

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline; 
} 

body { 
    line-height: 1; 
}

来源

2013-09-24 Elisabeth

我会建议将您的HTML的问题，只是为了让小提琴一个额外的好处，而不是要求。否则，你可能会得到一些密切的投票 – musefan

但HTML是有... – Elisabeth

是的，没有注意到。那么打破它可能会有所帮助 – musefan

帆布具有显示块应该显示效果细腻。（相同的情况下与所有图像。）

来源

2013-09-24 10:15:33 Mag

正如@Mag说你可以添加display：block或者设置float属性。你也可以添加overflow：隐藏到包围canvas标签的div。

来源

2013-09-24 10:19:56 Abhidev

的CSS更改为：

canvas { 
    background-color: orange; 
    width:100%; 
    height:100%; 
    display:block;}

http://jsfiddle.net/kpdgQ/18/

来源

2013-09-24 10:20:26

为什么有我的画布底下的缺口

回答

相关问题