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

2024-11-20 05:00:24

推荐回答（5个）

回答（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的宽度

回答（2）：

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

回答（3）：

高度自适应屏幕必须用js

回答（4）：

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

回答（5）：

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