Question

我对这一切都有点新意，所以我的术语可能有些狡猾。

在此页面上halfbakedharvest.com - 屏幕边缘出现了图像 - 主要内容区域/容器之外。这些发生在每篇博文上，无论帖子的长度如何，这些图像都出现在相同的相对位置。

我该如何复制？

我已经尝试了谷歌的答案，但我不能使用正确的术语，因为我什么都没发现。它可以像我可以使用的插件一样简单吗？

如果它有助于我的网站使用创世纪框架，那么在编辑php和css方面我是一个自信的新手。

Answer 1

正如Nath所说，检查元素将揭示他们正在使用绝对定位。 MDN absolute positioning

绝对定位将元素从页面的正常流动中取出，并将元素相对于它最近定位的祖先定位。关键字left，right，top和bottom用于定位元素。

body {
/* what you want to position relative to */
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

img {
  position: absolute;
  top: 30%;
  right: 0;
}

注意身体的相对位置。 demo

将图像放在内容容器之外

1 个答案: