请教一个问题

Question

.logo{ width:320px; height:129px; float:left}

.tel{ width:550px; height:129px;float:right}

我这样写可以吗。效果一样的，

.tel{ width:550px; height:129px;float:right}

.logo{ width:320px; height:129px; }

Answer 1

这样如果你是固定了父元素的大小，且不再进行缩放了是可以的，但是如果响应式布局的就不行了，当你的总宽度小于550+320的时候，你的两个元素将会重叠，因为一个没有占据空间，一个是平铺占据

Answer 2

但你把浏览器缩小，缩小到两个元素开始重叠，就能看到不同的效果啦。