Calendar
| 日 | 一 | 二 | 三 | 四 | 五 | 六 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
Tools
Catalog
Entries
Replies
search
FriendLink
Blog Info
学习的过程本来就是一种生活态度的体现，态度才是决定一切的～
DIV布局之左右高度自适应[JS法]
[ 2006-4-2 16:37:00 | By: 飞飞 ]
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV布局之左右高度自适应[JS法]</title>
<style>
<!--
* {font-size:12px;line-height:16px;color:#666;padding:0;margin:0;border:0;}
body {margin:5px;text-align:center;}
#center {width:406px;margin:0 auto;}
#center2 {float:left;padding:3px;background:#ccc;text-align:left;}
#right {float:right;width:137px;background:#eee;margin-left:3px;}
#left {float:left;width:240px;background:#e7e7e7;}
#left,#right {display:block;padding:5px;}
#left span {color:red;}
-->
</style>
</head>
<body>
<div id="center">
<div id="center2">
<div id="right">欢迎加入：17064141[DIV+CSS]讨论专题群</div>
<div id="left">
请先踩踩群内BBS;<br />
然后逛逛群内共享文件;<br />
再不行...请举手发言~呵呵<br />
<span>支持群发展·Q币支援！</span>
</div>
</div>
</div>
<script type="text/javascript">
<!--
document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px"
-->
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV布局之左右高度自适应[JS法]</title>
<style>
<!--
* {font-size:12px;line-height:16px;color:#666;padding:0;margin:0;border:0;}
body {margin:5px;text-align:center;}
#center {width:406px;margin:0 auto;}
#center2 {float:left;padding:3px;background:#ccc;text-align:left;}
#right {float:right;width:137px;background:#eee;margin-left:3px;}
#left {float:left;width:240px;background:#e7e7e7;}
#left,#right {display:block;padding:5px;}
#left span {color:red;}
-->
</style>
</head>
<body>
<div id="center">
<div id="center2">
<div id="right">欢迎加入：17064141[DIV+CSS]讨论专题群</div>
<div id="left">
请先踩踩群内BBS;<br />
然后逛逛群内共享文件;<br />
再不行...请举手发言~呵呵<br />
<span>支持群发展·Q币支援！</span>
</div>
</div>
</div>
<script type="text/javascript">
<!--
document.getElementById("right").style.height=document.getElementById("left").scrollHeight+"px"
-->
</script>
</body>
</html>
- 上一篇：背景透明与背景色透明度的区别
- 下一篇：绕口令
Re:DIV布局之左右高度自适应[JS法]
[ 2007-3-21 15:12:00 | By: 5dyoyo ]
Re:DIV布局之左右高度自适应[JS法]
[ 2007-3-21 14:12:00 | By: 5dyoyo ]
