71.尚硅谷_HTML&CSS基础_固定定位.avi原创

一块给他说了啊，固定定位说完绝定位再说固定定位就比较简单了，固定定位固定定位我们还是啊先把这个，嗯，我这就实在懒得写了是吧，Ctrl a给它粘过来，粘过来以后呢，把这个结构给它改一下，咱们都给它改回来啊，还是我们那个三个box box1box2box3，其实还不如重新写一遍了，是吧。都给它去掉，然后咱们把这些注释也给它调整，也给它调整没了，现在我们又恢复到我们这个三个盒子，BOX1BOX2BOX3来看三个盒子，咱们让他们干嘛呢？还是让他们一边大吧，这块无所谓啊，这块无所谓来保存，现在一刷新三个盒子，那接下来要干嘛呢？我还是开启我们BOX2的一个什么呀，固定定位，怎么开启固定定位呢？诶那个值叫什么呀，Fixed，当我们这个元素的这个position，哎，属性干嘛呢？设置为诶fix则开启了我们这个元素的一个什么呀，叫做哎固定定位啊固定定位来直接来，直接来一个这个position position我们来一个这个fixed保存，这就叫什么呀，固定定位啊，固定定位来我这一刷新走你。

诶，黄的是不是还跟这儿呢呀，你发现什么了？绿的是不是又上去了，证明什么了，它是不是脱离文档流了呀？哎，脱离文档流了，然后我们来看它的坐标原点，来一个什么呢？来一个这个life的0PS诶诶top也来一个什么呀，0PS我们看坐标原点啊保存我这一刷新走你是不是还是浏览级窗口啊，诶这么一看好像跟我们这个绝对定位是不是差不多呀，哎，差不多，然后接下来再看一个给他来什么呀，来一个复元素哎class来什么呢？来一个BOX4BOX4我们这来写一个样式，直接写内联样式了，来一什么呢？Style来一个Y来一个诶300个像素hat也来一个这个300个像素background color我们来一个这个orange box存现在来看走你box是不是跟这呢呀，BOX4现在是我们这个BOX2的这个负元素，哎，那我们说了，如果是绝对定位的话，现在我给box干嘛呢？开启一个相对定位，我这个应该干嘛了，应该。

来了，哎下来了，但是我们来看看下来下不来啊，来一个position，来一个什么呀，诶relative保存一刷新走，你是不是还在这呢？哎，没有下来啊，所以这意这也是我们固定定位跟那个决定定位的一个区别，说一下固定定位也是一种绝对定位啊，注意固定定位是一种绝定位，所以你要说什么呀，我说绝对定位有两种，诶就什么呀，一种是我们这个absolute，还有一种就是什么呀，Fix啊fix固定定位也是一种绝定位，它的什么呢？它的这个大部分特点都和绝对定位一样，比如说会完全脱离文档流，比如说会提升一个层级，比如说如果不设置偏移量，位置不会发生什么呀变化，这些特点通通和我们决定位是什么呀是一样的啊，是一样的，所以我们只要关心的是谁呀，是不同。

不同的是什么呢？什么叫固定定位，什么叫固定，固定是不是就固定在一个位置啊，哎，所以叫什么呀，固定定位它永远都会相对于谁呀，相对于我们这个浏览器窗口进行定位的，它它不会管你祖祖先元素有没有开启定位，他干嘛呀，他不管，他只关心什么呀，他永远都相对于什么呀，浏览器窗口进行定位啊，永远都相对于浏览窗口进行定位，这能理解了，哎，永远都是相当于这个这个角啊这个角了，好，那这一块说完了，那还有什么特点呢？还有一个特点我们来看看啊，那这里边啊，我给bodyy呢，咱们得让他看一下，我们给bodyy加一个什么呀，加一个hat来什么呢？来一个5000个像素，诶那现在我们来说bodyy加了一个head以后，Bodyy整个高度是不是上来呀，Bodyy的高度上来了，但是什么呀，但是我们整个窗口实际上它干嘛呀，它容不下整个bodyy，那它会干嘛呀，它会默认添加滚动。

条来显示我们整个这个body吧，诶好，我们给它设置一个head，就是为了出现滚动条，我们来看看固定定位有什么特点。它是不是不动啊，哎，什么叫固定定位，我是不是给固定在这儿，它就不随我这个滚条去滚动了呀，哎滚动了啊，所以注意这个也是我们固定定位的这么一个特点，什么特点呢？哎固定定位，哎固定定位诶会什么呀？会固定在我们这个浏览器的什么呀？诶在浏览器诶窗口的这个某个位置不会什么呢？不会随我们这个滚动条滚动啊，不会随我们这个滚条滚动，也就是说滚条滚它的我这块干嘛还跟这不动弹啊，含着不动这东西见没见过呀，上网的时候一些广告是吧，还有广告，或者说有一些什么这种底边的一些小小弹窗是吧？哎长期跟着你这扶着是吧，跟你这转关也关不了是吧，你怎么走他都跟着你啊，他都跟着你，这是我们这个固定的，当然不一定非得广告是吧，还有一些什么呀，比如说什么回。

到底部客服啊，对客服，客服还不如广告的是吧？诶客服还不如广告，诶比如说这有个什么嘘，标签可以干嘛呀，回到顶部一点，是不是跑上面来了，他永远都在什么呀，这个位置啊，随时让你可以点着啊，随时让你点着，或者还有什么呀，你看那些网上的一些视频网站，对吧？开始这个视频跟这当你往下一挪的时候干嘛呀？哎，他说自己跑这来了，哎，然后你拖的时候，你可以一边上网一边看这个视频是吧？诶一边看这个视频啊，所以这个是一个固定定位啊，固定定位哎，它和我们这个绝定位大部分特点都是相同的，唯一不同的是什么呀，它永远相当于浏览器窗口进行定位，而且它会干嘛呀，固定在浏览器窗口什么呀，某个位置不会随滚动条滚动，但是如果我这换成了absolute还行不行了，哎，我这就刷新了，你看。

是不是也动啊，哎，也动啊，它会滚动的，好这也是我们说的这个叫做一个fix，然后还要再说一个啊，IE6不支持固定定位啊，I16不支持固定定位，所以这个开启了固定定影会定位以后，我们来看I16啊，走你你看这是不是跟没有一样啊，还有跟没有一样啊，所以注意IE6不支持我们这个固定定位啊，但是其他浏览器呢，都没有问题，那如果以后非得要兼容I6的固定定位，那我没别的办法，只能用什么了，GS了啊，只能GS了，但是现在我们先不用管它啊，好，这个呢是我们说的一个固定定位，然后三种定位呢，我们就给他说完了，其实其实主要就分两种，一个是绝对，还有一个是相对啊，一个是绝对，还有一个相对固定定位呢，就是一种什么呀，特殊的一种绝对定位啊，特殊的绝对定位，好我们这儿先停一下。