最近在做一套页面，要求响应式布局，从PC端适应到移动端，布局会发生变化。我的想法是尽量用一套html结构，多套样式（而不是多套html结构，切换显示不同结构），通过改变样式来调整布局位置，设想是挺好的，但是遇到实际的设计稿就难以实现了。
请教过两个人：
1、第一个人的建议，容器position:relative，子元素分别position：absolute,并各自控制好位置。
2、第二个人的建议，这属于设计失误，响应式设计应该尽量保持元素布局的顺序不变，如果变了很难做的。
请教一下大家：
1、如果要做的话，按第一个人的建议吗？
2、这个设计存在问题吗，符合响应式设计原则吗？响应式设计应该遵循什么原则呢
第一个布局合理，第二个布局是什么鬼，第二个是移动端的？
確認下是不是因為原因2引起的，如果真的要實現，可以用@media query 寫兩個不同的樣式。
Ps:也有網站的模塊順序是亂的，不過像樓主這麼多模塊還亂的這麼個性的比較少見
第一个人纯属娱乐，没人会这么做。这个馊主意还不如出两套HTML