Почему добавление элемента canvas превышает ширину окружающего элемента div?

Question

Почему добавление элемента canvas превышает ширину окружающего элемента div?

0

У меня есть следующий HTML с холстом, встроенным в набор полей. Почему поле и холст с переполнением охватывают размеры div? В основном я хочу, чтобы полевая панель и холст располагались в размерах охватывающего div. Если я удалю элемент "холст", то он будет правильно изменен. Что я не понимаю здесь /

<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 - это размер, который я определил, но прилагаемый набор полей и холст намного больше.

GregH 18 март 2014, в 06:54

Источник

Теги:

html

css

html5

canvas