文章中对粘性定位是否脱离文档流给出了结论，但是并未刻意给出证明与演示。
首先明确一下，粘性定位并不会脱离文档流。
代码证实如下：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.cxvn.com/" />
<title>position: sticky是否脱离文档流</title>
<style type="text/css">
.container {
background: #eee;
width: 400px;
height: 1000px;
margin: 120px auto;
}
.sticky {
position: sticky;
height: 60px;
line-height: 60px;
background: #ccc;
top: 50px;
}
section{
box-sizing:border-box;
max-width: 600px;
margin-bottom: 30px;
border:1px solid red;
overflow:visible;
}
p{color:green}
div {
font-size: 30px;
text-align: center;
color: #fff;
}
</style>
</head>
<body>
<div class="container">
<section>
<div class="sticky">乐分享一</div>
<p>CSS教程</p>
</section>
</div>
</body>
</html>
代码分析如下：
（1）.如果脱离文档流，那么文档原本占据文档流的位置会被它后面的元素填补。
（2）.然而div元素产生固定效果后，它后面的p元素并没有填补它原本占据的位置。
（3）.也就是说粘性定位元素不会脱离文档流，依然占据文档流的指定位置。
1.《position: sticky是否脱离文档流》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《position: sticky是否脱离文档流》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.cxvn.com/study/258.html