※ 引述《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我全拿掉了 --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 122.116.227.102 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1504090483.A.AD5.html