让第二个div脱离文档流，向右下方移动，原来的空间会保留。
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" id="special"> 内容2 </div> <div class="div1"> 内容3 </div> <div class="div1"> 内容4 </div> </body> </html>
CSS文件内容：
.div1{
width:70px;
height:30px;
margin-left:5px;
background:silver;
float:left; /*左浮动*/
}
#special{
position:relative;/*相对定位*/
left:40px;
top:100px;
}
效果如下图：
本文地址：http://www.bianceng.cn/web/Css/201608/50317.htm
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索文件
， 内容
， 定位
， px
， 例子
相对
css相对定位、css相对父元素定位、css相对于父元素定位、css div相对定位、css相对浏览器定位，以便于您获取更多的相关知识。
时间： 2024-09-26 23:39:07