js 控制div自适应高宽度代码

时间：2022-07-02 14:09:17 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<div id="mainbox">
	<div id="header">
	</div>
	<div id="content-left">
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
		内容left 
	</div>
	<div id="content-right">
		<ul id="menu">
			<li onclick="setm(1)"><a href="#" id="m1" onclick="vvheight()">55×65</a></li>
			<li onclick="setm(2)"><a href="#" id="m2" onclick="vvheight()">60×80</a></li>
			<li onclick="setm(3)"><a href="#" id="m3" onclick="vvheight()">90×90</a></li>
			<li onclick="setm(4)"><a href="#" id="m4" onclick="vvheight()">110×73</a></li>
			<li onclick="setm(5)"><a href="#" id="m5" onclick="vvheight()">118×53</a></li>
			<li onclick="setm(6)"><a href="#" id="m6" onclick="vvheight()">146×53</a></li>
			<li onclick="setm(7)"><a href="#" id="m7" onclick="vvheight()">170×65</a></li>
			<li onclick="setm(8)"><a href="#" id="m8" onclick="vvheight()">其它</a></li>
		</ul>
		<div style="clear:both"></div>
		<ul id="con1">
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
			内容1 
		</ul>
		<ul id="con2">
			内容2 
			内容2 
			内容2 
			内容2 
			内容2 
			内容2 
			内容2 
			内容2 
		</ul>
		<ul id="con3">
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
			内容3 
		</ul>
		<ul id="con4">
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
			内容4 
		</ul>
		<ul id="con5">
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
			内容5 
		</ul>
		<ul id="con6">
			内容6 
			内容6 
			内容6 
			内容6 
			内容6 
			内容6 
		</ul>
		<ul id="con7">
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
			内容7 
		</ul>
		<ul id="con8">
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
			内容8 
		</ul>
	</div>
	<div style="clear:both"></div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js 控制div自适应高宽度代码

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程