极客观点
项目管理
HarmonyOS
<style type="text/css">
div{
width: 100%;
height: 100%;
background: red;
position: fixed;
}
</style>
</head>
<body>
<div></div>
</body>请问为什么div的position设置成fixed和absolute就会显示出来？还有为什么top和left会有8px的空白，是默认的吗？
原来不显示是因为 div 的父元素 html 和 body 的高度都是 0。
fixed 之后抽离文档流，基于视口了，所以高度设置生效。
8px 是 body 的默认 margin 。
因为各个浏览器的兼容不同，会默认的生成边距，这时要手动清除默认样式，不是很严谨的写法*{margin:0 padding:0}
position:fixed 固定定位，是根据浏览器窗口来进行定位的，详情参考w3c
5 回答2.1k 阅读
2 回答2.1k 阅读✓ 已解决
3 回答2.6k 阅读
2 回答1.1k 阅读✓ 已解决
2 回答903 阅读✓ 已解决
2 回答2.3k 阅读
2 回答789 阅读✓ 已解决
第一个问题去mdn查文档，搞清楚position的作用。
第二个问题是浏览器默认的，根据浏览器不同可能不同，所以需要一个叫reset.css 或 normalize.css的东西，统一浏览器的默认样式。