向下移动/微移文本但不移动图像答案

【问题标题】：Moving/nudge text down but not and the image向下移动/微移文本但不移动图像
【发布时间】：2015-07-01 21:26:24
【问题描述】：

你好大师：我正在尝试一些东西，但只是不明白理论...我有一个主要的 Div，里面是：段落文本和一个图像（这两个都嵌套在自己的 Div 中）（希望我做对了！）

为了便于可视化......它们都在 html 页面的顶部，并且图像的样式为 float:right;文本可以设置样式，但这就是我挂断的地方。

----- 我只想从它的位置移动文本；从页面顶部向下，如 50px-----

当我使用填充或边距设置文本样式时，它会占用所有内容；文本和图像，并将所有内容一起向下移动....我怎样才能将图像留在当前位置，然后将文本向下移动，在文本上方留下空白而不是图像？

这是定位风格吗？还是我在想这一切都错了？非常感谢您的帮助！！

【问题讨论】：

没有看到一些显示问题的示例 HTML 和 CSS，很难说。 How do I ask a good question?
我刚刚再次尝试了 Padding-top，我认为这很有效。我在这项技术背后是否有正确/正确的样式理论，或者我可以通过更好的 html/样式更有效地做到这一点？谢谢。

标签： html css

【解决方案1】：

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
}

位置可以是相对的或绝对的，具体取决于您需要如何设置页面样式。

另见：

【讨论】：