※ 引述《articulation (...)》之铭言：
: 大家好
: 就是我在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之上
: 不知大家有没有什么建议呢?
: 谢谢大家~
先附上我小作修改的
https://codepen.io/anon/pen/brQZQj?
首先点出你css撰写使用了sass(scss)的nested写法
但在codepen css setting没有做相关设定
然后善用开发者模式去看你所撰写的css有没有被吃到
position我全拿掉了