0

2012年を最初のマップの左側（ほぼ同じ場所）にし、2010年を2番目のマップの左側にします。私は新しいユーザーなので、スクリーンショットを投稿できませんが、ページの左側と右側にあります。

これは私のコードです：

<b>2012<b>
<div id="map_canvas2" style="width:25%; height:25%"></div>
<b>2010<b>
<div id="map_canvas" style="width:25%; height:25%"></div>

検索したところ、CSSでやらなければならないことがわかりましたが、どうすればよいでしょうか。CSSで何かを左側に設定すると、すべてのテキストが左側に移動するように感じます。

前もって感謝します！

4

2 に答える 2

0

これをcssコードに入れます。

<style type="text/css">
   b,div{float:left;}
   .cls{clear:both;}
</style>

HTML コード:

<b>2012</b>
<div id="map_canvas2" style="width:25%; height:25%">div 1</div>
    <br class="cls"/>
<b>2010</b>
    <div id="map_canvas" style="width:25%; height:25%"> div 2</div>    <br class="cls"/>
​

これで済むはずです。

于 2012-04-12T17:56:20.407 に答える
0

次のようにコーディングする必要があると思います:-

HTML

<div id="map_canvas"><b>2012<b></div>
<div id="map_canvas2"><b>2010<b></div>

CSS

#map_canvas {
float:left;
background:red;
width:300px;
height:200px;
}

#map_canvas2 {
float:right;
background:green;
width:300px;
height:200px;
}

デモを参照してください:- http://jsfiddle.net/3XBNa/1/

于 2012-04-13T04:32:28.380 に答える