61,112
社区成员
发帖
与我相关
我的任务
分享定位
既然说”相对定位占位置，绝对定位不占位置“，那么定一个宽高为0的盒子，盒子里面放相对定位的元素，是不是也间接的实现了绝对定位的效果？？？
代码如下：
```HTML
<!doctype html>
<html lang="zh">
<head>
<title>Document</title>
<style>
.a1 {
width: 0;
height: 0;
background: pink;
/*position: absolute;;*/
}
.b1 {
width: 50px;
height: 50px;
background: green;
top: 200px;
left: 200px;
position: relative;
}
</style>
</head>
<body>
<div class="a1">
<div class="b1"></div>
</div>
</body>
</html>
```
这里的b1就假装出来绝对定位的样子
代码如下：
```HTML
<!doctype html>
<html lang="zh">
<head>
<title>Document</title>
<style>
.a1 {
width: 0;
height: 0;
background: pink;
/*position: absolute;;*/
}
.b1 {
width: 50px;
height: 50px;
background: green;
top: 200px;
left: 200px;
position: relative;
}
</style>
</head>
<body>
<div class="a1">
<div class="b1"></div>
</div>
</body>
</html>
```
这里的b1就假装出来绝对定位的样子
...全文
请发表友善的回复…
发表回复
天际的海浪 2019-04-07
- 打赏
- 举报
是的，ie7以后可以这样，但在ie7以前子元素会强制的把父元素撑大。
最好的做法是在relative元素内进行absolute定位
.a1 { position: relative; }
.b1 { position: absolute; }
