移動/微調文本向下但不是和圖像

你好大師：我正在嘗試的東西，但沒有得到理論......我有一個主要的Div和它的內部是：段落文本和一個圖像（兩個這些嵌套在他們自己的Div內）（希望我做對了！）移動/微調文本向下但不是和圖像

爲了便於可視化....它們都在html頁面的頂部，圖像的樣式爲float：right;文本可以被設計，但這是我掛斷電話的地方。

-----我想將TEXT僅從其位置移動;從頁面頂部向下像50px -----

當我使用填充或邊距對文本進行樣式設置時，它佔用了所有內容;文字和圖像，並將所有內容向下移動到一起。如何將圖像保留在當前的位置，然後向下移動文本，在文本頂部留下空白區域而不是圖像？

這是一種定位風格嗎？或者我在想這一切都是錯誤的？謝謝你的幫助！

2015-07-01 macool

沒有看到一些樣品HTML和CSS顯示問題，就很難說了。 [我如何問一個好問題？]（http://stackoverflow.com/help/how-to-ask） –

我剛剛嘗試了Padding-top，我認爲這工作。我是否擁有正確/正確的風格理論背後的技術，或者我可以更好地做到這一點，更好的HTML /造型？謝謝。 – macool

HTML：

<div class="wrapper"> 
    <div><img src="blah" class="img-right" /></div> 
    <div><p>some text</p></div> 
</div>

CSS：

.wrapper div p { 
    position: absolute //can also be relative, depending on your needs 
    top: 50px 
} 
.img-right { 
    float: right 
}

位置可以根據你如何需要你的頁面風格是相對或絕對。

參見：

2015-07-01 21:35:14

明白了，這很好！並感謝您的幫助......對不起，我沒有包含html/css的例子。 – macool

如果你不介意，請標記這個問題解決:)。 –

回答