如何从常规文档流中删除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

你需要'位置：绝对;'实现这一目标。

看一下这个例子：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等）图标。

我建议你添加一张图画或者你想要实现的东西。