Question

DIV+CSS怎样解决在不同屏幕大小下的显示问题，我做的老师被覆盖、重叠

比如像京东那些大网站，很多DIV+CSS，他是怎样实现在不同屏幕下这些DIV+CSS显示的

Answer 1

单纯的用哪一种CSS写法是不能够实现的，百分比也只能解决部分问题，有些问题百分比还是解决不了。这些问题尤其在IE6中更为严重。
如果你要想实现不能分辨率下效果实现统一，最好的办法就是用两套CSS。
你上面说的京东实际上它用了两套CSS文件，例如京东的产品页，在1280以下分辨率下页面的宽度为980，而在1280以上分辨率的显示器上宽度设置的是1200。
你看一下产品页的源代码就知道，里面那些
if (_sw >= 1280)
if (screen.width>=1280)
<noscript>
<link rel="stylesheet"
等等这些代码是用来加载不同的CSS文件的。

京东的主要思路是：首先将一套默认的CSS文件，按照1024*768分辨率设计了一套页面宽为980的CSS文件，然后将他放在了<noscript>标签当中，如果浏览器不支持JS，那么直接加载默认的这套CSS文件夹。但是如果浏览器支持JS，那么他就会判断显示器分辨率的宽度if (screen.width>=1280)，然后再加载相应的CSS。

Answer 2

直接不要设置width和higth的值为固定值，设置成百分比的形式，之后就可以自动根据屏幕大小自适应了。
举例：
<div style ="margin:0px; padding:0px; width:50%;height:100%;">内容1</div>；
<div style ="margin:0px; padding:0px; width:50%;height:100%;">内容2</div>；
此时两个div的总宽度就是当前屏幕的宽度了，可以根据实际需要适当的调整下。

Answer 3

用百分比定义相对宽高

Answer 4

用百分比定义宽高可以解决

Answer 5

不同屏幕分辨率不一样可以讲页面的内容都设为百分比的形式