html文件：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>CSS固定定位的例子</title> <link rel="stylesheet" style="text/css" href="test1.css" /> </head> <body> <div class="div1"> 内容1 </div> <div class="div1"> 内容3 </div> <div class="div1"> 内容4 </div> <div class="div2"> <div class="div1" id="special"> 内容2 </div> </div> </body> </html>
CSS文件：
.div1{
width:70px;
height:30px;
margin-left:5px;
background:silver;
float:left; /*左浮动*/
}
#special{
position:fixed;/*固定定位，相对于body的左上角，不管父元素是否脱离标准流*/
left:40px;
top:100px;
}
.div2{
position:relative;/*相对定位，脱离了标准流*/
left:100px;
top:100px;
width:200px;
height:150px;
background:pink;
float:left;
}
效果如下图：
本文地址：http://www.bianceng.cn/web/Css/201608/50331.htm
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索内容
， background
， 定位
， px
， left
， 固定定位
固定
css固定定位、css固定定位居中、css中固定定位、css里固定定位怎么写、css 定位固定位置，以便于您获取更多的相关知识。
时间： 2024-12-01 03:40:30