css - 如何创建响应式 DIV

Question

谁能帮我写一些 CSS 代码，这样我的手风琴就会响应并保持在同一个地方，就像下面的屏幕截图一样：

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

网站链接在这里

Answer 1

On your div column one-second you need to overide the skelton.css width set.

You can use a selector like .container div.one-second, I think it will do the job.

the use percent value, example :

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

That will make you cell width usin 50% of the page with the left border positionned at 50% (middle) of you page. Adjust those value depending on your image.

In theories, the margin-left value should be equal to the portion the girl arm is taking.

Answer 2

盒子不会像这样移动：

css

  position:absolute;
  margin-left: px;