层自动适应高度

更新时间：2006年11月15日 00:00:00 作者：

<!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><title></title><style type="text/css"> body { font:12px Tahoma;margin:0px;text-align:center; } a:link,a:visited {font-size:12px;text-decoration:none;} a:hover{} /*页面层容器*/ #container { width:780px;margin:0px auto;background:#fff } /*页面头部*/ #header {background:url(logo.gif) no-repeat;} #banner {     background:url(banner.jpg) 0px no-repeat; /*加入背景图片*/;background:#999;     width:780px; /*设定层的宽度*/     margin:auto; /*层居中*/     height:200px; /*设定高度*/     border-bottom:5px solid #EFEFEF; /*画一条浅灰色实线*/     clear:both /*清除浮动*/ } #pagebody {     width:780px; /*设定宽度*/     margin:0px auto; /*居中*/     background:#000 } #sidebar {     width:200px; /*设定宽度*/     text-align:left; /*文字左对齐*/     float:left; /*浮动居左*/     background:#f3c;color:#666     overflow:hidden; /*超出宽度部分隐藏*/         height:300px;     padding:0px } #mainbody {     width:580px;     text-align:left;      margin:0px auto; /*居中*/        float:right;         overflow:hidden;      color:#fff } /*页面底部*/ #footer{ width:780px;margin:0 auto;height:65px;background:#999;repeat-x;color:#ff0066;clear:both; } </style></head><body>       <div id=container></div> <div id=header> <div id=banner></div></div> <div id=pagebody> <div id=sidebar><h2>这一层需要与右边的层同步,也需要自适应高度</h2></div> <div id=mainbody><h2>想使这一层自动适应高度,有办法吗?</h2></div> <div style="clear:both;height:1px;margin-bottom:-1px;padding:0; background:#FF0000"></div> </div> <div id=footer>这一层不变</div></div></body></html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

层自动适应高度

css利用A标签的背景可能作出很有意思的效果
css利用A标签的背景可能作出很有意思的效果...
2007-12-12
以图换字的几个方法及思路
以图换字的几个方法及思路...
2006-11-11
div+CSS 兼容小摘
div+CSS兼容小摘，比较实用的小技巧。
2009-11-11
FF下用 col 隐藏表格列的方法详解！
一直一来，我都在想办法看能不能用 col 控制表格的列隐藏，但是无奈，FF对COL支持不够好（其实是以前没有发现COL在FF下要怎么弄）。
2008-04-04
IE Bug--浮动对象外补丁的双倍距离的解决方法
IE Bug--浮动对象外补丁的双倍距离的解决方法...
2007-01-01
Css利用js的expression实现的效果
Css利用js的expression实现的效果...
2007-02-02
全国哀悼日网站页面变成灰色的filter方法
今天访问好多网站包括百度，启点等网站都变成了黑白色界面，体现大家对于四川地震的深切哀悼，但有好的站长不一定知道是什么方法，还以为是大量改版，对于任何人都不是很轻松的事，特将本站的解决方法告诉大家。
2008-05-05
学习WEB标准总结的一些CSS/XHTML知识小结
制作网页过程中，总会遇到一些CSS/XHTML的各种问题，下面大体的总结了下
2008-09-09
CSS文字截取功能实现代码
用css来实现自动截取文字，不需要后台程序和JS的使用。
2008-06-06
校内网css代码添加背景图片常用代码
喜欢个性化校内网网页的朋友，可以用到的，感兴趣可以看下，网页中背景设置的一些属性
2008-09-09

层自动适应高度

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具