CSSを学んでいます。左側に Google マップがあり、右側に 2 つのボタンがある入力フィールドがある大きなキャンバスが欲しいです。私のコードが機能しない理由が本当にわかりません。Google マップでキャンバスを描画し、入力ボックスとその下に 2 つのボタンを配置しますが、これは誤りです。
CSS
.floatright {
float:right;
width: 100px;
}
html:
<body onload="initialize()">
<div class ="floatRight">
<div id="map-canvas" style="width: 1200px; height: 766px;"></div>
<div>
<input id="address" type="textbox">
<input type="button" value="Encode" onclick="codeAddress()">
<input type="button" value="Planes" onclick="Plane()">
</div>
</div>
</body>