html - 文字太远了？

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:rightCSS 语句导致描述浮动到容器元素的右侧。尝试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 />
    ...