作者articulation (...)
看板Web_Design
标题[问题] 请问codepen范例中RWD的元素上下排列
时间Wed Aug 30 18:03:11 2017
大家好
就是我在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之上
不知大家有没有什麽建议呢?
谢谢大家~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 106.105.120.70
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1504087394.A.B60.html
1F：→ tino1991: .left-col 是绝对位置喔 08/30 18:37
2F：推 nottt: 楼上正解，把css第11行的position: absolute; 删掉就好 08/30 18:56
3F：→ articulation: 嗯嗯~谢谢各位开示 在codepen是可以的,只是在我写 08/31 18:54
4F：→ articulation: 的网页上好像还是不行,我会再研究的 谢谢各位～ 08/31 18:55