如何創建響應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;