使用CSS定位，使div不会移动

w8biq8rn 于 2023-10-21 发布在其他

关注(0)|答案(2)|浏览(90)

正如你所看到的，我现在有一个image A和image B，当我点击object 1时，一个iframe出现，如image B所示，但object 2到底部，我如何用CSS解决这个问题，请帮助。

2条答案

通过将iframe设置为position: absolute，您可以将其从文档流中移除，并阻止其强制页面上的其他元素。
下面的事情应该实现你正在寻找我相信：

.header iframe {
  position: absolute;
  top: 20px; /* this should be the height of your top (black) bar */
  left: 0;
}

假设你想让它们在同一行上，你需要做的就是对你的两个对象进行display: inline;，然后使用4种方法将它们移动到同一页面上的其他位置：padding-top、padding-bottom,padding-left和padding-right。举例来说：

.object1 {
     display: inline;
     padding-top: 100px;
}