Question

如何用div+css布局实现自适应浏览器大小，不用js实现

用css+div如何实现？大侠们赐教啊......不用js
如果没有领会意思，你看看360云盘网页版的布局或者金山快盘网页版的布局你就明白了
我就是想实现这种布局

Answer 1

function resize_window(){
			$("#left").height($(window).height()-100);
			$("#right").height($(window).height()-100).width($(window).width()-201);
			}
			$(function () {
				resize_window();
				$(window).resize(function(){
					resize_window();
			});
		});

这个是top的div是100px，width100%；left的height为window的高减去topdiv的高。

右边C的高和左边一样，宽的窗口的宽减去B的宽度

Answer 2

在html中加入div，然后用CSS定义div的高和宽，不用把数值定死了，用百分比的单位设，就可以做到高度或宽度自适应，（相对于浏览器的)。

追问

比如B区域width：100px，C区域如何实现自适应浏览器？

Answer 3

高度自适应屏幕必须用js

追问

比如B区域width：100px，C区域如何实现自适应浏览器？

追答

只能自适应宽

让B区float:left;
让c屈不float
然后设置左边距margin-left:100px;width:auto;
以上只能自适应宽 不能自适应高
自适应高必须用js

追问

大侠，自适应高能不能给段js完整代码，你开始的按照你说的我机已经解决了，高还没有解决。

追答

看看吧 

Answer 4

B区用绝对定位，C区加margin-left

Answer 5

如果不用js实现也只有用百分比来实现了