[问题] 请问codepen范例中RWD的元素上下排列

楼主: articulation (...)   2017-08-30 18:03:11
大家好
就是我在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之上
不知大家有没有什么建议呢?
谢谢大家~
作者: tino1991 (深白)   2017-08-30 18:37:00
.left-col 是绝对位置喔
作者: nottt (无)   2017-08-30 18:56:00
楼上正解,把css第11行的position: absolute; 删掉就好
楼主: articulation (...)   2017-08-31 18:54:00
嗯嗯~谢谢各位开示 在codepen是可以的,只是在我写的网页上好像还是不行,我会再研究的 谢谢各位~

Links booklink

Contact Us: admin [ a t ] ucptt.com