left:244px; top:50%
经过测试，发现如果top不设置，而只是单独设置了left，button子元素不能显示，难道top的默认值不是0？，还是什么问题，反正就是只有left，没有top就不显示出来
11
收起
正在回答 回答被采纳积分+1
2回答
怎么都被占用了呢
2017-11-16 14:18:40
在position:absolute；状态下，top的默认值不一定是0，会通过浏览器计算上边缘的位置。你可以参考这段代码理解一下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin:0;
padding: 0;
}
div{
width:100px;
height: 100px;
background: red;
position: absolute;
left:50%;
/*top:0;*/
}
</style>
</head>
<body>
<p>1111111111111</p>
<div> </div>
</body>
</html>
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础，却不知道如何进阶？本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星