自动适应窗口大小基于jquery

来源：互联网发布：淘宝联盟结算预估收入编辑：程序博客网时间：2024/05/01 02:22

里面有三个div最小化时靠边站，其余的自动适应容器div

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><mce:script type="text/javascript" src="script/jquery-1.4.2.js" mce_src="script/jquery-1.4.2.js"></mce:script><mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">#div {width:600px;height:300px;margin:0;background-color:yellow;float:left;}#div1{width:200px;height:300px;background-color:red;margin:0;float:left;}#div2{width:200px;height:300px;background-color:green;margin:0;float:left;}#div3{width:200px;height:300px;background-color:blue;margin:0;float:left;}</style><mce:script type="text/javascript"></mce:script></head><body><div id="div"><div id="div1"><input type="button" value="最小化" id="button11"><input type="button" value="还原" id="button12"><input type="button" value="最大化" id="button13"><div id="div11">div11111</div></div><div id="div2"><input type="button" value="最小化" id="button21"><input type="button" value="还原" id="button22"><input type="button" value="最大化" id="button23"><div id="div22">div2222</div></div><div id="div3"><input type="button" value="最小化" id="button31"><input type="button" value="还原" id="button32"><input type="button" value="最大化" id="button33"><div id="div33">div3333</div></div></div></body></html>

自动适应窗口大小 基于jquery

自动适应窗口大小基于jquery