javascript - 使用 CSS 相对于容器定位元素(以及相对于更大容器的容器)

标签 javascript html css

您好,感谢您阅读这篇文章。

我有一些包含一些元素 div 的容器 div,但我还有一个包装所有容器 div 的包装器。我应该如何调整 css 样式,以便元素的位置相对于容器,容器的位置相对于更大的容器,而更大的容器的位置相对于最终容器(即包装器)?

我需要 javascript 吗?

谢谢你!!

最佳答案

将主容器设置为 position:relative,将子容器设置为 position:absolute。如果您需要在子容器中放置更多容器,您也可以在它们上使用 position:absolute 。

例如:

.wrapper{position:relative;}
.big-container{position:absolute;top:0;left:0;}
.containerOne{position:absolute;top:0;left:0;}
.containerTwo{position:absolute:top:0;left:0;}

关于javascript - 使用 CSS 相对于容器定位元素(以及相对于更大容器的容器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12887356/

相关文章:

javascript - 使用 Angularjs 和 ng-model 进行数据绑定(bind),将毫米转换为英尺和英寸,反之亦然

html - CSS Flex 溢出和居中

css - 分隔线的宽度 100% 减去几个像素

css - 自定义图标字体显示在我的本地主机环境中,但不显示在我的外部服务器上

jquery - IE7 CSS/Js 错误

带有 vars 的 javascript 闭包函数?

javascript - 渲染 js.erb 部分时没有点击事件

javascript - 更改在 knockout 中选中的复选框的 tr 颜色

html - 拉伸(stretch)段落以包含 div

jquery - 如何使用jquery添加html