Question

你好大师：我正在尝试一些东西，但只是没有得到理论......我有一个主要的Div，里面是：段落文本和一个图像（这两个都嵌套在他们自己的Div中）（希望我能正确地做到这一点！）

为了便于可视化......它们都位于html页面的顶部，而Image的样式为float：right;文本可以设置风格，但这就是我挂断的地方。

-----我想把文字从它的位置移开;从页面顶部向下如50px -----

当我用填充或边距设置文本样式时，它会占用一切;文本和图像，并将所有内容向下移动......我如何将图像保留在当前位置，然后向下移动文本，在文本上方的顶部留下空白区域，而不是图像？

这是一种定位风格吗？或者我在想这一切都错了？谢谢你的帮助!!

Answer 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
}

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

另见：