文字太遠了？

看來它會工作。我不知道爲什麼...我的描述太過分了。文字太遠了？

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

來源

2013-05-18 Zevoxa

現在我明白了。

嘗試這樣做：

<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-18 02:49:15

工作過，謝謝。 :) – Zevoxa

因爲你把股利在浮法正確的方式。嘗試左邊使用餘量左邊。就像這樣：

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

來源

2013-05-18 02:18:35

我是想它右側..這就是爲什麼我認爲浮動：權利;會工作。 – Zevoxa

然後你真正想要zevoxa –

這是因爲你的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 /> 
    ...

來源

2013-05-18 02:20:23

我想在右側..這就是爲什麼我認爲浮法：正確的;會工作。 – Zevoxa

我不明白。所以，你爲什麼要設置正確的浮動，並同時抱怨描述太離譜？ =） –

http://imgur.com/DtV2InH像這樣。對不起，我是HTML和CSS的新手，雖然我在過去的日子裏學到了很多。 :) – Zevoxa

文字太遠了？

回答

相關問題