javascript - 右下のcss div内にhtml5キャンバスを配置する必要があります

Question

HTML5 キャンバスを使用する時計を div に追加しようとしています。canvas タグには ID があるので、CSS タグの位置、下、右を ID に適用しようとしました。親 DIV の右下隅に表示されるキャンバス タグの内容を取得できないようです。

HTML

<div id="Header">
<canvas id="clock"></canvas>
</div>

CSS

#Header {
    background-image: url(images/building.png);
    background-color: #FFFFFF;
    width: 780px;
    height: 399px;
    margin: 0;
    padding: 0px 0 0 0;
    position: relative;
}

#clock {
    width: 780px;
    height: 399px;
    bottom: 1px;
    right: 1px;
    position: absolute;
}

あらゆる種類のバリエーションを試しましたが、うまくいきません。

また、id=clock のすべてのプロパティを削除し、代わりにキャンバス タグを親タグで囲み、同じプロパティを適用しようとしました。運がない。

同じ CSS プロパティで div タグを作成し、キャンバス タグを削除してテキストのみに置き換えると、必要に応じて親 div の右下隅にテキストが表示されます。

そのため、キャンバス タグをフィードしている js コード内の何かが、配置の問題を引き起こしているようです。わからない。

頭をキーボードで叩いたり、Google を検索したり、試行錯誤したりして、何時間もこれに取り組んでいました。

どんな助けでも大歓迎です。

キャンバス タグのコンテンツを生成している JS コードを確認する必要がある場合は、お知らせください。投稿をこれ以上混乱させたくなかったので、必要でない限り、すぐには含めたくありませんでした。

ありがとう！