divを縮小するにはどうすればよいですか？

Question

私はHTMLとCSSに不満を感じています。

基本的に、私は

問題のようなレイアウトでウェブサイトを作るしようとしていることは、左側のdivがキャンバスを変位し、起こる可能大規模なマージンを持っています。

私は、彼らが引き起こした問題で、ここでのソリューションのすべての種類がいくつかある試してみた：

はインラインブロックへのdivの表示を設定します。これにより、何らかの理由でdivが完全に消滅し、内容がキャンバスの右側に表示されました。 （少なくともそれはキャンバスを上に動かした）。内容が実際には見えないことを指摘しなければならない。 はCtrl +Shiftキー + I彼らはthere`と述べました。

インライン成分（span）にDIVを変更します。違いはありません。

私はmargin: 0px;を試しました。これはまったく変わらなかった。 margin-left and margin-rightは自動的にdivの中央に配置され、キャンバスは移動しませんでした。

私はdivのためのマニュアルwidth/height値を設定しようとしました。変わりはない。

私が働く可能性があると思うが、私はそれらを試すには消極的だいくつかのソリューションがあります。

私はテーブルを作成し、その中に要素を追加し、私はこれは悪い習慣であり、それを避けたい聞いたことができました。

私はmaually位置を設定することもできますが、私は彼らがデバイスおよび解像度間で変更される可能性がありますことを恐れています。

私は何をすべきか分かりません。私はHTMLの初心者ですし、一般的にレイアウトしていますので、本当に明白なものがあれば、私には間違いありません。

ありがとうございました。

Answer 1

本当に「縮んでいる」わけではありません。しかし、あなたがdivとcanvasと呼んでいるものがわからないので、私はあなたに一般的な解決策を与えます。 - >https://www.w3schools.com/css/css_float.asp だから、基本的にこれを追加してみてください：

div, canvas { 
    float: left; 
} 

は、あなたのdivとキャンバスが<div></div>と<canvas></canvas>あり、そしてあなたがそれらのいずれかにposition: fixed;やposition: absolute;を追加していないと仮定すると。