0

それはうまくいくようです。理由はわかりません... 私の説明は行き過ぎです。

HTML

 <div id="viewPhoto">
<div id="viewThumb"> 
<img src="$THUMBNAIL_URL$" /><br>
     </div>
<div class="moderPanel" style="float:left">
     $MODER_PANEL$
 </div>
<div id="photo-information" style="float:right"> <strong>Description:</strong></div>
<br />

ここに画像の説明を入力

4

3 に答える 3

2

今分かります。

これを試してください：

<div id="viewPhoto">
<div id="viewThumb" style="float: left"> 
    <img src="http://images.br.sftcdn.net/br/scrn/73000/73753/santos-5.jpg"  />
</div>
<div id="photo-information" style="float:left; margin-left: 20px"> <strong>Description:</strong></div>
<div class="moderPanel" style="float:left; border:1px solid green; clear: left">
     $MODER_PANEL$
 </div>
于 2013-05-18T02:49:15.990 に答える
0

divを正しい方法でフロートに入れているからです。左マージンを使用して左に実行してみてください。このような：

<div id="photo-information" style="float:left; margin-left: 20px"> <strong>Description:</strong></div>
于 2013-05-18T02:18:35.807 に答える
0

これfloat:rightは、CSS ステートメントにより、説明がコンテナー要素の右側に浮いているためです。float:left次のように少し余裕を持って使用してみてください。

<div id="viewPhoto">
    <div id="viewThumb"> 
        <img src="$THUMBNAIL_URL$" /><br>
    </div>
    <div class="moderPanel" style="float:left">
        $MODER_PANEL$
    </div>
    <div id="photo-information" style="float:left; margin-left:15px;"> <strong>Description:</strong></div>
    <br />
    ...
于 2013-05-18T02:20:23.950 に答える