2013-05-18 32 views
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 /> 

enter image description here

回答

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

工作过,谢谢。 :) – Zevoxa

0

因为你把股利在浮法正确的方式。 尝试左边使用余量左边。就像这样:

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

我是想它右侧..这就是为什么我认为浮动:权利;会工作。 – Zevoxa

+0

然后你真正想要zevoxa –

0

这是因为你的float:right CSS语句引起i将描述浮到您的容器元素的权利。尝试使用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 /> 
    ... 
+0

我想在右侧..这就是为什么我认为浮法:正确的;会工作。 – Zevoxa

+0

我不明白。所以,你为什么要设置正确的浮动,并同时抱怨描述太离谱? =) –

+0

http://imgur.com/DtV2InH像这样。 对不起,我是HTML和CSS的新手,虽然我在过去的日子里学到了很多。 :) – Zevoxa