Question

div 随着屏幕改变位置

我想要实现响应式请看图片！

Answer 1

最简单最高效的办法，媒体查询！

@media标签。

如果你不理解这个标签，你先去理解，如果你理解了，100%可以做出来。

就像你的，假如像素大于1000的是PC端，小于1000的是移动端，只是假如，具体的数据你自己选。

下面的是移动端的

@media (max-width = 1000px){
     div{
        width:100%;
        height:250px;
     }
}

下面的是PC端的,记得在设置浮动的父元素清除浮动，要不可能出现问题，我就不写如何清除了。

@media (min-width = 1000px){
     .div1{
        width:30%;
        height:250px;
        float:left;
     }
     .div2{
        width:65%;
        height:250px;
        float:right;
     }
     .div3{
        width:100%;
        height:250px;
     }
}

Answer 2

不设置div大小的具体值，用百分比