大家好
就是我在RWD的 max-width: 768px 中
要怎麼樣讓 left-col和 right-col 不是像桌面版本一樣並排(兩者排成一列)
而是希望讓兩者上下排列( left-col 在上,right-col在下
請參考 https://codepen.io/anon/pen/NvEEwM
我是在後面的原始碼中加了
@media only screen and (max-width: 768px){
.left-col{
width:100%;
}
.right-col{
width:100%;
position: relative;
left:0%;
top:100%;
}
}
可是沒有運作成我想要的樣子,反而是right-col 蓋在 left-col之上
不知大家有沒有什麼建議呢?
謝謝大家~