37_尚硅谷_h5_视频播放器布局.wmv原创

OK，来，我们来看。好，应该有画面吧，好，那比如说我们来说一个播放器啊播放器啊，我下午就做一个播放器，那这里面有音频，也有什么视频的播放器是吧？啊比较这是我们找的那那个视频吧，我们换一个有声音的视频啊。换换个这个视频吗。差不多我看一下。九。啊，这种这种落地动话应该会吧。这这会拐，咱不也做个差不多的吗。波浪的那个嘛，就是加载的动画嘛，是吧，走你。F12啊，东方没回来，兄弟，稍微有些问题，来看这个资源有没有去加载说一下。是不是这个。

啊，应该是这个线上地址，看一下CTRLCCTRL。啊，这个是不是网太慢了。嗯，重新找一个吧。这什么鬼？这不怪我，真的太坏了。吓我一跳，这个视频应该健康吧，我上课上课全班被抓了。啊，我们就拿这这视频太小了吧，不管我就去吗？就拿这个吧，反正小吧是不是OK，那我们就拿这个吧，我们怎么重新贴一个站点啊。

好，重新拿个站点过来，OK，我们来看，好，那我们怎么做，首先我们来看，那我们做的话就按我们之前这个布局去写好吧，就把你们这个资源给它还掉就可以了，OK，那我先把这个给大家打开来啊，大家首先看上的话，想一想几个结构。啊，资源放在等。好几个结构。肯定有个大的包裹器，是不是上面是不是有一个video，这个video肯定是不能让他把这个控件露出来的，控件我们是我们自己定义的，是不是这个控件都要我们画出来，OK，看我们怎么做好，那我们干嘛来先来先行了吗？新建一个吧，叫做。P，嗯，我们新建文件夹是不是play？一样，OK，播放器好，那里面我们说我们用LA的写法去写吧，是吧，OK，走，你那写LA的话，首先我们说这种公共样式的话，这些是我们自己自己一直在写啊，OK，这一次我们干嘛搞一个C点啊，CSSOK，那这里面是别人帮我们维护的一套什么S什么的代码，OK，那我们是不是得有自己的啊，先把它改成less就可以了，OK，然后呢。

我们来写个自己的OK文件。在那边在这边是吧，OK叫index less OK首先上一干嘛，At input OK先把什么。点re一点less行，干嘛搞定来是吧，只有你点Les OK好，搞进来之后OK打开。

啊，考拉是不是啊，现在我们还是用考拉的，比这个先给它干掉。OK，我们把这个文件。拖进来，OK，缺什么双引号找你OK ctrl是不是来看一下，呃，不要看C，我们看什么，看index里面有没有，是不是有啊，那说明是不是已经过来了，好，那过来就好，OK，那我们说明我们这个变译是没问题的是不是，那我们就开始写好。好CSS搞定搞定CS之后，我们来看好我们来写一个什么细胞。好，叫index，先写零一吧，好，先把布局给它画出来，OK。好，怎么画？首先上来我们去link一下是不是link CSS里面的index.cssok，首先上来了一个div是吧？OK div叫什么div吧，是吧？虽然说我们现在已经引入了下点CSS，可是有有一个点需要大家知道，这个静止滚动调节的事情还是得自己来做。

啊，因为正常的，现在CS里面都是不会帮你去做的，那没讲那怎么办。你可以写在什么，直接写在下点less里面去懂不懂，比如说你在它上面你再去加一点，比如什么HTML，什么the，玻璃OK cat，百分百OK，嗯，Overflow呗，黑的好你好，那这个就给它关掉是吧，跑关了之后来看一下，好首先我们来看有几个结构，好当中有个外号吧。好外，嗯，整整体是个外是不是好，我们说这个外的大小的话，其实应该跟我的石头应该是一样大是不是，那我们来写一写，那么我们说最外层的嘛，最外层的外盘干嘛还得也为百分百是不是滚动条的话不让它出了，我不知道为什么黑的。

1.1是不是黑的，OK，走里，然后继续往下，应该是有什么标签video啊，而且我们说不要用这种数啊，稍微简单一点好，我们说这个Y跟hand能在这边指定吗？不能啊，Y跟hand的话，其实我们要通过JS来指定，因为你这个。你这个播放器的关高就不这样的，你的高度是不是就少了，我少了我视口的高度减去什么空间的高度啊是吧，通过通过加S来控制啊，那个嘛，全部给它干掉。都表来一个src是不是OK，把刚那个地址干嘛。贴过来CTRLC，这里CTRLV，好，首先来看一下它长什么样。有点丑是不是啊，OK，我们这个是不太，这个是不是太小了啊，嗯，太小了，我们要不要给他转个码。

调宽高的话，其实他也我们来看这，我们给它调宽高吧，是吧，好这里，然后下面应该有个什么，是不是你这个。有个什么，这个叫什么空间了嘛，是不是再来一个什么，来一个div，来一个class，叫什么CTLCTR是吧，OK，空间里面我们来看应该怎么写几样东西。最起码要看到什么，这是我们整个的一个空空间吗？最起码有三块内容，这边上一块按钮排吗？这个算我们的主要的一个进度条是吧？这边是不是我的一些信息啦，是吧？那最起码有有三个结构啊，OK，那干嘛整三个结构，Div coss class是不是叫什么buttons。应该没毛病，80里面是不是几个按钮，两个按钮一般用SPA，一个叫做SSPA啊，Star OK啊好，一个叫做stop OK，完美是吧，好，然后呢。

再来一个E叫什么？进度条吧，Pro是不是OK走你然后呢。这里面有几个结构，大家看。对。一根线。这里面你看你们三个结构是不是第一个小按钮嘛，还有这个是不是干嘛，主要的这个金融条嘛，还有生粉的这个什么进度嘛，是吧，嗯，我们来看这应该怎么去设计，你会发现生粉的进度的话，最终其实跟我外面这个什么一样，应该是一样的，所以说生粉的这个进度其实跟我这个外面的容器应该是一个并列的关系。

是不是啊，而且大家看现在我这个小方块是不是要要在我这个。进度条里面拖的，那肯定要参照我一个东西做定位的，肯定要参照这个容器做定位的。它应该就是个龙融起是吧，你不要看着我小方块的个头，肯定要比我里面这个金属条件的大，你就你就认为它是一两层结构了，不是的，你这个小方块还是还是我这个金融调整的。讲小干嘛，小方块应该干嘛，绝对定位吧，唱随机做定吧。是不是我整根进度条去定位啊，你会发现这个小方块一直在我的进度条内部滑吗？懂吗？OK，那应该怎么设计？来个div是吧，给class我叫外，这个外就是我的进度条，可不可以啊，这里面来个什么div class等于阴呢，这个音呢，就是我待会要把它做成小方块。是吧，还是不是有一个升粉的一个进度啊，那应该跟我这个外干嘛同级是吧，叫做y two有没有毛病。

问题不大是不是啊，比如说你想名字叫好一点就是好pink嘛，是不是好名字你不拼所你可不可以啊，对这个没问题吧，好，然后是不是这边这个结构了，OK，这边是不是干嘛。Ctrl buttons主要的进度条，然后呢，是不是再来一个class，一个侧面的一个信息吧，就叫就叫什么二是吧，OK里面上来是个什么。时间是不是来一个E，是不是class，比如说我们叫做time，是不是这里面应该有一个。SPA是吧，应该有两个当中加一个什么。斜线嘛，这个能不能接受SP and SPA是吧？OK，我把这个东西RC过来，但是如果你不想分的话，其实你干嘛直接先搞一个十败就可，就这样是不是这些东西在这干嘛写写死吗？最终这些东西能不能写死啊，把版百分七子啊是不是啊，OK，那有了time之后，我们看这边是不是有个马。

有个音量的进度条是不是旁边是不是还有个音量按钮，OK，那肯定要拿一个什么包裹器，Class so，跟音量有关的是吧？是上来是不是有一个音量的按钮啊，OK，比如说我来个div叫什么class叫做SWCH，是不是一里面待会给我放一个按钮，SPA。SPAOK，然后呢，旁边是不是有个进度条，那把这个进度条干嘛，CTRLC份嘛，是不是拎过来是不是可以了。你能接受吗？可不可以啊，可以吧，OK，那我们再来看好，是不是还有一个全屏的按钮，OK，是不是干嘛，这是我们的。

音量相关的，OK，那再来一个dad OK，给一个class是什么for？是不是里面放一个。失败，OK所里这个是真正的按钮，这是那个容器，能理解为什么，因为我们很有可能是这样。啊，这个容器那么大，里面再去放一个按钮懂吗？好，我们说可能这个点击这个容容器的时候，其实就相当于是点到这个按钮了。等等，可以说说我们拿什么两层包裹吗？可以吗？OK，那周你那我们来看一下，那我们这个东西其实什么都没出来吧，是不是就出来它OK来我们是不是要去写一些主体的样式了。OK，这影看首先上来，我们要把这个什么，我们把这个底部的这个先是不是背景色，是你看一下资源参数里面有全局背景颜色是不是干嘛，3838号颜色这里。

好，应该给谁啊，就给整个外部是不是就可以了？是不是啊，所以你们看一下刷一下，那不就过来了嘛，是不是OK，然后呢。来看一下底部控制条的高度25吧，是吧，是不是我这个谁啊。CTRL是不是怎么办？它里面的嘛，什么点ctl嘛，是不是它CTRL高度为多少，25PX走你先给他一个。颜色吧，先给个粉色这个什么，先撑着看看它有没有出来。这里是不是在这OK，然后呢，我们主要来看一下。底部控制条背景是不是有啊，这个颜色给它换了。我先啊，先把这个颜色做。

好，颜色是不是稍微深一点啊，OK，是现在是不是我们这个视视频的宽度有问题啊，是不是OK，那先把这个视视频的高宽我们先调一调，我们说这个高宽是不是要通过GS脚本来控制，OK，我们把window点。漏等于个box，好，这么拿。要控制谁啊？待会不就这个控制条吗？CTRL应该等什么？点Q找到这个什么。呃，外底下什么我们写的稍微精确一点，外底下什么OK，只有OK拿到它之后，OK，我们说再把这个V对也给它拿到画一个。Video video等于什么多的点？Q query找到什么？没有吧，CTRLC其实最好也是。

Y体现等于什么？BOK，拿到它之后怎么办？它等于什么？YWDT应该等于什么？document.document element点。CY4口的一个宽度嘛，是吧，OK，然后呢，它的高度呢。V6点应该等于什么？Document点什么？Document element.client CI hat减去什么？Control点。Hat嘛，是不是啊好，这个肯是代表你内容需高度嘛，这个是代表你整个模型啊，看一下这里刷一下，你看是不是就过来了，那可能这个视频是不是被我们放大了，就咱们再先不管是吧，OK，有没有发现啊，我们可以来看到把这个。

延延伸给你们调一调，有没有发现其实我们这边有点空隙的，视频跟我这个应调之间是有点空隙的啊，一般有空隙首先想到把全局方下给我进掉。方差散之零看一下。这个风享有吗？没有了吧，就已经填上了连解吗？啊，这是为的标签本身的一个问题，懂吗？OK，它可能会跟一些元素在一起去做布局的时候的话，可能会有一些空隙，那怎么办？把它的放在全局的放在支撑里吗？也就是这些空隙可能是我的空行导致的。OK，你然后然后然后怎么办。东西是不是就出来了是吧，东西出来我们看把这个颜色再给他调回来。圈，你你想想我的全局的方程是进了之后的话，你有文字的地方的方式是不是应该要重置的。

是不是OK，这里好，那我看一下现在。怎么感觉怪怪的，这个颜色怎么一模一样？颜色都不应该是不一样的。2A2A。哦哦哦，还有个可以在找你。好，说过来啊，然后我们看，想想当你发现一个问题大家看，哎，我每次变小的时候大家看。看看我每次变小的时候，整个布局有没有破，有没有坏掉。啊，可能没有坏掉。嗯。啊，布局肯定会坏掉，没有造成胃肠的一个错位吧，是不是，只不过我这么去伸，伸缩的时候，这个基础上没有什么反应嘛，然后我来算一下再看，也就是说我每次你看有没有坏掉。没有，其实没有坏掉，真的OK，我们说干嘛，我们说大家想想，如果是这么，每次在伸缩浏览器的时候，你要让底下三个布局不坏掉的话，是不是他们不能浮动在一块。

如果浮动在一块的话，你能做成当中自适应两边固定吗？能吗？如果他们三浮动了是不是你干嘛，你慢慢变小的时候，肯定得有一个下来的，是不是，是不是我们说，那我们能让他们三个浮动在一块吗。不行吧，是吧，我们先把这三个区域给他干嘛。先描出来好吧，OK，我们说CCTRL里面现在有几块内容。三块内容吗？有哪三块内容八分进度条二是吧，OK，我们看它底下有三块鼻TNS8分是吧？整体还什么。进度条。还有还有什么。R是不是点OR这里OK，然后看一下分别它们的宽度为多。

OK啊，主要进度它的宽度应该支持一码是吧，按钮盘的宽度是不是55高20瓦右边的宽度是不两百三高20，进度条是干嘛要宽自身的是不是，那怎么。进度条的宽度自适应的。我们来看看。比如说它的宽度，先给他吧，它的宽度为多少。看按钮排的宽度是不A55啊，OK，给一个55高度呢，25P是吧？OK，然后我先给个背景颜色半光的VI yellow OK，走，然后它的一个宽度为多。两百三吧是吧，OK，高度也百25，这个给个V体是叫green是是OK，来看一下他们俩现在。

刷下肯定有一个被挤下去了，是吧，因为这是快，这是什么快计元素吗？是吧，因为你它的外字母能指定吗？不能，它的外应该是凹凸的。是他应该两边马吗？上又应该是给多少50吗？是吧，上右下左边该有多两三吗？相当于我干嘛，我这样做怎么做来看。我让你把这个位置给你占住，是不是你两边给我留说。过来给我这两个容器。这个这个这个这个行不行，这两个容器我让他待会定位定上了。是不是，然后每次每次浏览器窗口缩小的时候，一直在什么调整，你当成那个吗？我不给你当成这个设置外置，你这个外置我就为。凹凸，那不就是一个自适性的布局吗？是不是，这是不是也是一个两边固定当做自适一样，是不是OK整理我们怎么做？

怎么做？我说他的盆形应该有什么？他定位。他不用定位是吧，是另外两个需要干嘛定位是吧？是那你们定位都应该参照于谁来定位包裹来定位吧，是不是它，那这个con应该为什么是吧？所你应该为我们来看一下，这个时候给他来个背景。大家不关的平看这个位置我能不能搞对哈，找你算了，现在因为大家看。这是个什么鬼啊，大家看这个，如果是不是在下下在下面他为什么跑到下面去了。

他为什么跑到下面去了？八是不是定位已经定起来了吗？这个应该。他们俩定位定起来的话，是不在文档里的是不是。那它不应该显示出来吗？可是问题没有看到它不可能，这是一个绿颜色的，我们都已经看到绿，看到什么绿颜色的吧，是不是来看一下吧，结构上面，结构上面有没有什么问题，好，整体看一下，这个CTR没问题，Progress宽度为多少？高度为零吧，没有高度吧，没有给他高度，要把这个高度给他加上。来看一下CTS好，这个再来刷一下，诶看到了吧，是吧，可是很明显的吗。

对的。很明显是不是给错了上又又应该给两百三是吧，OK，他们俩位置换一换。他们两位置换走，你这个两百三个码过来就S好走，你是不是这的另外一个是干嘛上不来啊，因为他的left干嘛凹的嘛，是不是这个是给多给零吧，是不是OK也给。波给零吧，是吧，这看一下是不是就已经过来了，是不是OK，其实这边写好一点的话，它的left应该会等为零，它的top应该为零，OK统一过来是吧，然后我们是不是可以去做布局了，你看这15遍。我变小滚动是不是进了，OK，这边我的滚动它应该也是进的，是不是，大家想想为什么现在我做的话，什么东西都看不到。

因为想我每次在拖的时候的话，你这个video的高宽有没有变。没变吧，拿的还是你干嘛说谎之前的吧，是吧，OK，那怎么办？怎么办？我们说每次在window点什么on的时候，等于一个方形干嘛？我说这两个字要不要重新算一下？要不要是需要重新算一下吗？就你来看下。说一下这时候再变小，大家看到没有，这时候再变小的话，这个。视频是不是也会随之进行嘛，知识啊。是不是？Za。你看。这时候就。可以了，哎，你看是不是这个粉色还能被压没啊，我不想不想让他压没怎么办？给一个mini是吧，是不是是他吧，给一个边加，比如给个400PX。

说一下。是不是有问题啊。为什么有问题啊？我给的什么？最小宽度没问题啊，看一下S刷一下给了最小宽度之后怎么了。说一下，诶，这好奇怪，最小宽度怎么变成这样了。Mini。一个万维百分百看一下。走，你先给他干掉，看一个什么鬼。诶，是不是有问题啊，这是这个默认是y o two的吧。是不是啊，这个默认是Y凹凸的，大家想想Y凹two的时候的话，我给班级的话是不是。

万一是凹凸的时候，我给妈给是往里扣的吧，是不是，比如说这边我先。写两个字。在哪边progress吧，OK，嗯，进度条这边。一看他在哪？没看到吧，是不是。来这个给它透明度调调。OB，我们干嘛调成零啊，调试一下。咱们调成零看看。这里面有文字吗？啊，不可能有文字了，因为我们的方为零。是不是，那把这个文字干嘛来重新记一字，12PX看一下它在哪。是不是在这没问题吧。OK，说明我们。

OK，说明我们这个粉红色的块应该是从这边开始起来了。是吧，这没问题吧，是问题是现在什么，现在我给最小宽度，居然干嘛会出问题，最小宽度我给个。刚给的400P吧，来看我一旦给最小宽度的时候。来看这，这应该是个什么鬼，每次我给最小宽度的时候。绿色的没有变短，绿色的没变短吧，是不是，可是为什么只看到这一部分。真好奇怪。面是有任何沉积的问题吗？我试一下，应该是为20度，看它会不会上来。

也没上来吧？我们来看一下在哪，是不是在这边啊，诶，这什么鬼。你看下，慢慢慢慢慢慢变小。也他确实最小是400吧，因为我们最小四百给的谁啊。进度条没错，应该给进度条是吧。嗯，想一想，他们wise都是指定死的是吧，是他只是指定那个market hat没有指定，那肯定没没问题啊。为啥每个工作都很好？看这个布局好奇怪，看看这是为什么不能给me？明天外事会对什么造成影响，想想。这两天不会有这种问题啊。

我们来看一下。每次我们在这边让整个视口变小的时候。让整个视口变小的时候，现在我们是怎么做的？让整个视口变小的时候，我们的video的高宽是不是一直也在变？OK来看video的高宽一直也在变。那我给我的。哦，不对。啊，Progress，那想想我能不能给我的C。比如就是600PX来看会不会出现问题。算一下，这也就是他最小能压到多少？六百八是吧，可是是不是把那旁边那个绿色的也压没了。是吧，那不行，那不能给他，可是我给我的进度条的话。给进度条的话又会出问题，你为什么变成这样？

嗯，看一下我如果top都给零的话，是不是这个问题。你看他是不是跑到这边来了。是不是还是个小的，这很奇怪啊，这个渲染很奇怪啊，大家看啊，其实本质上你看我们的区域对不对。趋是没问题的吧，你看这个是我的八嘛，你看当中的是我什么嘛，这是我的二嘛，渲是没问题的吧，只播你看这个颜色是不是干嘛。我不给他颜色。一个人一块。往这边怎么铺上粉色了？Vans拿奥也没问题啊。

来看一下这点。某人，他最终渲染成什么样子？看一下。没问题啊，Mini令为六六百，他有没有帮我瞎渲染，好奇怪啊。那我来看一下，那我直接再给他一个Y10，我Y10为，比如说我Y10给个值的时候，看他是个什么样的Y是我给值，我就给600，大家看到没有，还是多出来一块吧。这多出来块怎么来的？大家看这个碳压根干嘛？二是有高宽的是吧，Progress有高宽，它有高宽是吧，我这那么奇怪。图230。

给了他三。颜色渲染有问题吧？你看这边无缘无故的那个粉色吧。怎么无缘无故多了个粉色？什么情况？OK，咱们暂时先干嘛，这个粉色在哪设置过，是不是在这设置过，把这个粉色去了啊，我知道了，天呐，大家想想我们这边是不是干嘛progress啊，是不是你看我们啊，天呐，我知道了，大家看咱们这个others里面是不是也有一个progress。选择题写的不精确吧，是不是？那应该怎么想？德福杠吧。这样是不是就可以啊，走看一下刷一下，天呐，是不是这个是我们干嘛H妙结构设计上没问题啊，我们选择器写的不精确吧，是吧，选择题写的精确一点就不会有这问题吧？OK，改成失败来看一下。

遮脸刷一下，OK，不然它变小一点。没问题吧，是吧。我没有设最小吗？现在是了吧。没起作用。定位到四点应该不动啊，是不是，我们看有有没有编译过来。Door，死板。是不是400P是吧，是OK，可是这400P也没起作用，首先我们刚那个什么，刚那个坑是不是已经过了OK。

大一点好，慢慢变小，慢慢变小。到四板。难道我先给个800的看？行吗？明天没起作用吗？是不是好奇怪，这个mini又没起作用？Background。来看一下这点。外底下的CTRL底下的什么。是吧，零两百三零五十五最小宽度为800，哪边有错。

给个宽度为800PX，教你看一下。说下也没问题啊。是吧，可是为什么？给固定宽的时候也有问题啊。给固定的时候，你看800是不是也压没了。肯定会压没啊，因为我给固定宽的时候，大家想想，因为我的滚动条是被静止掉的，滚动条是被干嘛禁止掉的吧，是不是，那这个800PX，你是他其实一直都是800PX。我们可以来看一下这一块东西，其实一直都是800PS。是不是你看它一直都是800PX嘛，只不过滚动条没有出来嘛，那为什么这两个块现在在在这边啊，因为你不是干嘛定位的嘛。他们称到谁，他们参，他们是不是参到这个CTRL去定位的，参到CTRL去定位，那时候的话，他们俩是不是干嘛，一个left为零，一个为零嘛，所以他们俩一直在这两边应该没问题是吧？OK，至于应该我说干嘛在这边写边界外的时候怎么办？

我说你到这个800的时候，你应该干嘛。应该压不掉了吧？可是问题是，不是现在还是可以压掉？现在还是可以压掉，看这个progress。只有你我这样progress。是不是还是800啊，可是发现被压掉了，想想这就看是不是因为我禁止了系统滚动条导致的。孙尚香，你。OK，系统工程要我先让它放开来，我先把系统滚程要放开来教你。先把系统补充条放开来。OK，再来看。刷一下。

你。刷小，我变小。是不是有，你看是不是在这，是不是他是不是在后面。他在后面，那想想，那我能给他明吗？我给我给我给明也没用啊，是不是啊，为什么我给明没有用啊。为什么给mids没有用？他是不是溢出了。是不是你看全部在外面呢，是不是我给个600也没用啊，是不是，嗯，应该这个命令是给谁啊。给整个肯行不行不行，他们都是定位的。他是他是什么定位的。我不让他定位，我们看行不行。

上去了是吧，为什么？因为特步为零了嘛，是吧，你只能趁着他去定位吧，而我这个外时刻嘛，永远都起不了作用。Meanwhile起不了作用。给外面也没用啊。给外面也没用啊，外面定位了是吧，那我让他也定位起来行不行。让他也定位起来。孙尚香。那他一定会喜欢这里。也不行，也在这边。是不是找不到一个很好的方案，我们看我们之前是怎么让它变小的，我看慢慢变小的时候。打看我慢慢变小的时候的话，你看。

是不是？到底一个宽度什么边上没了吧，是不是看这里面这个样式应该是一样的，我看一下。Progress吧，你看它是相对定位的，它它有没有啊。没有没有。给谁了？没给是吧。是不是压根没有点名例外是吧？他是不是直接让他压压没了，那现在我这边就尴尬了，那我这个没白还给不了。那这个我暂时先不给吧，待会再来看怎么怎么让它不能被压掉是吧？好，那我们先把这个粉色给它描出来，Progress吧。白光的为pink。刷一下。呃，因为相对定位了，所以所以啥都没了。只有你是不是现在就出来了，好，那出来之后的话，咱们先不管，先把这个滚动连线给这个码。

画出来。OK，我们先画什么，先画这个滚动条，来看下这个滚动条一些参数。呃，在哪边，进度条的高度是干嘛？3PX啊，不一是这样的，那应该是谁啊？还有啥？走，你下是不是把这个先干掉。是不是有这个外有外。大想想，那现在我他们俩是不是应该要根据我这个去定位啊，因为他们俩干嘛叠到一块的没有。是不是你想啊，我最终你看。最终我两个金属条是干嘛叠，是不是干嘛叠到一块的，那我们说谁应该定位。先把它刷了，OK。底下那个跟浏览器有关系，不用管现在现在就没了，OK来看一下，我们说那你这个process应该现在干嘛，Progress应该干嘛，为什嘛绝对定位不应该相对定位呢？是它底下了谁啊。

点外。是吧，它的平行为什么。喂，是吧，OK，默认的话看。有些什么参数？背景色是不是这样的，高度是不是三啊，CTRLC，我们看先给它一个高度，高度为3PX来看这个背景色来光角是干嘛？给这个什么颜色。7373这里OK，因为你定位起来说这个外声音了嘛，要主动去给吧，因为你是靠内容伸开来的嘛，是不是，所以你看一下算一下是不是在这让它稍微干嘛。啊，先底下这个空气不用管啊，底下这个空气是压器的问题啊，你看我每每次干嘛挂下去就可以了，是吧，然的话是不是他稍微下来一点，整个他为三，我的高度为。

那是还是，那我给个马给上面给上面给多。你先看吧。是不是也可以下来是吧，OK，这里，然后我们想想，嗯，给完这些东西之后的话，我们还有啥。它里面是不是有小块点音呢？看这个音量的参数应该怎么改。九七吧，白色亚硝素的圆角，OKY为九，PX为七，PX是不是所引，然后呢，Background光为白色是吧，然后给什么board radio一个两篇来看一下，这个东西应该要出来了，是不是在这让那干嘛，他自己本身是。

七吧是吧，OK，现在它是不是我的高度是三二，那应该让他上去多少，上去二吧，不是in错吧，负2PX。这里是不是就到中间来了，是不是到了中间来，我们就差干嘛去拖它了吧，是不是OK，那这个我们看到什么，下节课我们拿一个组件进来，把这个马先让他拖起来。