У меня есть следующий 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 - это размер, который я определил, но прилагаемый набор полей и холст намного больше.
Я боюсь, что это до спецификации HTML и размеров по умолчанию на canvas
. См. Этот аналогичный вопрос для ссылок и решений.