页面布局什么时候用固定像素什么时候用百分比？

要实现图片中的布局，哪里该用固定的像素设置，哪里改用百分比呢？如果对图片外部的div用固定像素设置，margin，padding等用百分比时，当缩放浏览器窗口时，网页中的图片会不会错位？这种问题应该怎么解决？图中div都设置成固定像素小，然后给他们设置绝对定位，margin、padding等用百分比设置可以吗？

浏览器窗口缩小，一般可以用boostrap进行处理，你上面的这些都可以用固定像素，一般很少用百分比，建议用boostrap看看。最下面的那个可以用div或者table.