为什么添加一个canvas元素会溢出封闭div的宽度？

时间：2014-03-18 05:40:49

标签： html css html5 canvas

我有以下HTML，并在字段集中嵌入了画布。为什么fieldset和canvas溢出了封闭的div维度？我基本上希望fieldset和canvas位于封闭div的维度内。如果我删除＆＃34;画布＆＃34;元素，然后它正确的大小。我在这里不理解什么/ 

<body>
  <div id="commandGrp" style="position:relative;float:left;width:100px;height:100px">
     <fieldset><legend>Commands</legend>
        <canvas id="CommandCanvas" >

        </canvas>
     </fieldset>
  </div>
</body>

以下是Chrome元素检查器的屏幕截图，以便您查看div大小。您可以看到div＃commandGrp div是我定义它的大小但是封闭的fieldset和canvas更大。

enter image description here

1 个答案:

答案 0 :(得分：1)

我担心它会降低到canvas上的HTML规范和默认大小。请参阅此类似的Stack Overflow问题以获取链接和解决方案。

canvas default size

相关问题
最新问题