<div style="width:100px; height:100px; border:1px solid red; position:fixed; left:100px; top:100px;"></div>
这样就使得div固定在left:100px; top:100px的地方了使用绝对定位可以事项这个功能，即position： position:absolute; 然后在设置DIV相对与父容器的位置，例如下面这个例子实现将DIV定位在浏览器的左上角 <style type="text/css"> #top { width：400px； height：400px; background-color:#ff0000; position:absolute; left:0px; top:0px; } </style> <body> <div id="top" > </div> </body>
你可以用CSS来设定，DIV为块级元素。例如：
<!doctype html><html>
<head>
<meta charset="utf-8' />
<title>设置DIV的固定大小</title>
<!--一下代码是设置DIV固定大小的(宽度：100像素；高度：60像素)-->
<style type="text/css">
#div {width:100px;height:60px;border:1px solid #f00;}
</style>
</head>
<body>
<div id="div"></div>
</body>
</html>1、头部定义一个div，固定高度，设置绝对定位(position:absolute)，设置上边距(top:0);
2、底部定义一个div，固定高度，设置绝对定位(position:absolute)，设置下边距(bottom:0);
3、中间定义一个div，设置滚动条自动( overflow: auto); 设置绝对定位(position:absolute)，设置top和bottom，top的值等于头部div的高度，bottom的值等于底部div的高度
使用关键代码：overflow-y: auto，并且限制高度实现功能。
实例演示如下：
1、Html代码如下：一个简单的div，暂时内容为空。
css样式如下：
此时页面展示如下：
2、在第一步div加入一些文字，如下：
此时页面展示如下：已自动展现滚动条。
扩展资料：
CSS的overflow 属性解析：
1、定义和用法。
overflow 属性规定当内容溢出元素框时发生的事情。
2、兼容性（浏览器支持）。
所有主流浏览器都支持 overflow 属性，任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。
3、属性说明。
属性定义溢出元素内容区的内容会如何处理。如果值为 scroll，不论是否需要，用户代理都会提供一种滚动机制。因此，有可能即使元素框中可以放下所有内容也会出现滚动条。
可能的值如下：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）