文字太远了？

Question

它似乎有效。我不知道为什么......我的描述太过分了。

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 />

Answer 1

现在我明白了。

尝试这样做：

<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>

Answer 2

因为你正在以正确的方式放置div。 尝试左边使用保证金。像这样：

<div id="photo-information" style="float:left; margin-left: 20px"> <strong>Description:</strong></div>

Answer 3

这是因为你的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 />
    ...