<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
.father {
position: relative;
display: inline-block;
}
.child {
background-color: red;
position: absolute;
}
</style>
<body>
<div class="father">文本1<span class="child">文本2</span>
</div>
</body>
</html>
1.父类有inline-block:
父类没有inline-block:
2.如果<div class="f">文本1 <span class="c">文本2</span>
,则文本2会另起一行,为什么?只是多了一个空格而已
3.如果<div class="f">文本1 <span class="c">文本2</span>aaaaaa
,又会在一行显示。晕。。