方法和详细的操作步骤如下：
1、第一步，创建或打开Web项目，新建html文件以及CSS文件，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，图中显示了HTML页面代码，定义div并给出id属性等级，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，将“height”值设置为零，使用“padding”属性的“top”或“bottom”，同时运用背景色来进行测试，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，效果如下，如果进行放大或进行缩小，则宽度和高度将进行相应的更改，见下图。这样，就解决了这个问题了。
样式代码改成这样ul, li { margin: 0pxpadding: 0px}
ul { list-style: none}
a { font-size: 12pxcolor: #000000text-decoration: none}
.navWrapper { width: 100pxheight: 30px}
.navWrapper ul li { position: relative}
.navWrapper ul li ul { display: noneposition: absoluteleft: 0pxtop: 30pxwidth: 100px}
.navWrapper a { display: blockheight: 30pxline-height: 30pxtext-align: centerbackground: #FF99CC}
.navWrapper ul li:hover ul { display: block}
.navWrapper ul li ul li a { color: #FFFFFFbackground: #000000}
页面代码改成这样
<div class="navWrapper">
<ul>
<li><a href="#">快速链接</a>
<ul>
<li><a href="http://www.webjx.com/">网页教学网</a></li>
<li><a href="#">我的首页</a></li>
<li><a href="#">我的日志</a></li>
</ul>
</li>
</ul>
</div>
测试要在IE8以上版本哦！
可以的,给你举个例子吧.试试看<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />
<title></title>
</head>
<body>
<style type="text/css">
.content{width:500pxmargin:0 autoheight:autoborder:1px solid #333background:#999}
</style>
<div class="content">我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!我是自适应高度的内容哦.内容多了我就高度也就自动撑开了!</div>
</body>
</html>
