html - 向下移动/微移文本，但不向下移动/微移图像

你好古鲁斯：我正在尝试一些东西，但只是不了解理论……我有一个主要的Div，里面是：段落文本和一个图像（它们都嵌套在自己的Divs中）（希望我这样做了）正确！）

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

-----我只想将TEXT从其位置移开；从页面顶部向下向下，例如50px -----

当我用内边距或边距为文本设置样式时，它将花费一切。文本和图像，然后将所有内容一起向下移动。...我如何将图像保留在当前位置，而仅向下移动文本，在文本上方而不是图像上方留白空格？

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

最佳答案

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

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

也可以看看：

http://www.w3schools.com/cssref/pr_class_position.asp

关于html - 向下移动/微移文本，但不向下移动/微移图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31171982/