如何创建响应DIV

Question

谁能帮我写一些CSS代码，所以我的手风琴将响应并留在同一个地方就像下面的截图：

我的形象已经是有“与网格成比例”的标签，所以唯一要做的就是让手风琴适合它。

网站link here

Answer 1

在您的div column one-second您需要在此改变skelton.css宽度集。

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

使用百分比值，例如：

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

那将使你单元格的宽度全光照页面的50％，与左边positionned在你页面的50％（中）。根据您的图像调整这些值。

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

Answer 2

盒不会移动这样的：

CSS

position:absolute; 
    margin-left: px;