html - 如何让 HTML 元素从常规文档流中删除并相对定位？

Question

除了 position:absolute 和 float：还有哪些其他方法可以从常规文档流中删除元素？

如果你必须有一些代码，那是非常基本的。这将是 php.ini 中 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）。

我建议您添加绘图或您想要实现的东西。