html - 在液体模板上制作 div

标签 html css

我想制作两个 div,一个重叠在另一个上

正如您在下面的 fiddle 上看到的那样,有 position:relative; top:-20px; 我想让它完全流动,没有任何 px 可能是百分比,但我不知道如何做到这一点。 这是 fiddle

最佳答案

我不确定您所说的“完全流动”是什么意思,但是那些 position 子值不接受百分比值。

我能提供的最好的就是使用

#first {
    margin-bottom: -5%;
}

#second {
    margin-top: -5%;
}

或其某种组合。

关于html - 在液体模板上制作 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23295580/

相关文章:

javascript - 使用 d3 链接(同步)依赖转换

javascript - 链接未添加到所有图像之前

html - 如何使用 CSS 创建标题编号

html - DIV 元素不适合网页长度

java - 需要一个带有固定标题的可滚动战斧表

javascript - 如何在 CakePHP 2.6 中为同一用户在多个表中保存数据

javascript - 如何在定期更改的 HTML 表格中保持所选行始终可见?

javascript - 如何从IE浏览器中的输入文件标签获取javascript中的文件名

php - 我想存储来自 html5 input type = "date"元素的值,并希望在数据库中存储完全相同的值

javascript - 如何使用下划线 throttle 进行滚动?