如何创建响应式DIV

Question

任何人都可以帮我写一些CSS代码，所以我的手风琴会响应并保持在同一个地方，就像下面的截图：

我的图片已经有“scale-with-grid”标签，所以剩下要做的就是让手风琴div适合它。

网站 link here

Answer 1

在你的div column one-second上，你需要覆盖skelton.css宽度集。

您可以使用像.container div.one-second这样的选择器，我认为它可以完成这项工作。

使用百分比值，例如：

.container div.one-second{
    width : 50%;
    margin-left : 50%;
}

这将使您的单元格宽度占页面的50％，左边框位于页面的50％（中间）。根据您的图像调整这些值。

在理论上，margin-left值应该等于女孩手臂所占的部分。

Answer 2

盒子不会这样移动：

<强> CSS

  position:absolute;
  margin-left: px;