固定定位：现对于浏览器窗口进行定位 ( 固定元素不会随，页面翻滚而滚动 )
代码-->position：fixed;
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.test1{
width: 5%;
height: 3%;
position: fixed;
left: 2%;
top: 200px;
}
.test2{
width: 87%;
position: relative;
left: 6%;
}
.test3{
width: 5%;
height: 3%;
position: fixed;
right: 3%;
top: 200px;
}
</style>
</head>
<body>
<div class="main">
<div class="test1"> 慕课网</div>
<div class="test2">
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
<p> 作为父容器时，是使用相对定位还是绝对定位：
当父一级div中只有一组子元素的时候，使用relative(相对定位)或absolute(绝对定位)都可以达到移动效果。
但当父容器中还有其他组的子元素时，就要考虑是否破快文档流（是否使用absolute进行页面布局）
</p>
</div>
<div class="test3">慕课网</div>
</div>
</body>
</html>
网友评论