移动/微调文本向下但不是和图像

你好大师：我正在尝试的东西，但没有得到理论......我有一个主要的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

如果你不介意，请标记这个问题解决:)。 –

回答