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

Question

正如您所看到我logical reads和image A现在点击image B object 1时出现iframe但image B所示1}}到底是如何用CSS解决这个问题请帮忙。

Answer 1

通过制作iframe position: absolute，您可以将其从文档流中取出，并阻止它强制您的其他元素向下移动。

以下内容应该达到你所寻找的目标我相信：

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

Answer 2

假设您希望将它们放在同一行，您需要做的就是在这里输入代码display: inline;到两个对象，然后将它们移动到同一页面上的其他位置使用4种方法移动它们：padding-top，padding-bottom, padding-left和padding-right。例如：

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