如何从常规文档流中删除HTML元素并使其相对定位

Question

除了position:absolute和float之外，还有什么其他方法可以从常规文档流中删除元素？

如果你必须有一些代码，那它是非常基本的。这将是php中foreach循环的循环结果。

<div class="wrapper">
    <p>Maybe some words are here<p>
    <div>
        <ul>
            <li>Some text</li>
        </ul>
    </div>
    <img class="favoritesbutton" src="./images/emptystar.png" />
</div>

我希望.favoritesbutton不在常规文档流中。

Answer 1

您将需要'position:absolute；'以实现这一点。

看看这个例子：http://jsfiddle.net/zfUxP/

.wrapper {
    position: relative;
    padding-left: 50px;
}
.favoritesbutton {
    position: absolute;
    left: 0;
    top: 0;
}

关键在于将包装器设置为position: relative，作为子收藏夹按钮绝对定位的参考

Answer 2

如果我理解正确，您可以尝试将position:relative添加到每个"容器元素"，并将position: absolute添加到最喜欢的图标的一些位置（left、right等）。

不过，我建议你加一幅画或一些你想要实现的东西。