虽然说：定位和浮动都是脱离文档流；但是其实区别还是蛮大的，话不多说，见下图： 效果是这样的： 可以看到，浮动虽然脱离了文档流；但是 文本是可以互相看见的；并且保证不被遮起来（超出另算：文本会重叠）；不论是 父子元素还是兄弟元素；都是可以互相看见的； 当我们换成定位以后： 效果如下图： 不难发现；定位 ...
分类：
其他好文 时间：
2020-06-08 20:56:20
阅读次数：
83
在工作中，需要对视频的码率做验证，用到了俩种方法。一种是通过FFmpeg命令，另一种是安装VLC工具。 1.FFmpeg如何通过命令查看码率 a.首先需要下载ffmpeg包，进行安装,下图为我的安装路径： b.快捷键Windows+R打开运行窗口，输入命令 FFmpeg -version ,出现下图 ...
分类：
其他好文 时间：
2020-06-08 19:24:23
阅读次数：
114
一、三栏布局 三栏布局实现的是中间自适应宽度，两边固定宽度的布局，中间栏要放在文档流前面，以实现优先渲染。圣杯布局、双飞翼布局都是三栏布局的效果只是实现的方式不一样。 1.圣杯布局 <div id="container"> <div id="main" class="col"> #main </di ...
分类：
Web程序 时间：
2020-06-08 10:45:08
阅读次数：
65
圣杯布局的三种实现 圣杯布局是一种很常见的css布局。他要求： 上部和下部各自占领屏幕所有宽度。 上下部之间的部分是一个三栏布局。 三栏布局两侧宽度不变，中间部分自动填充整个区域。 中间部分的高度是三栏中最高的区域的高度。 本文会用三种方法来实现圣杯布局，分别是浮动，flexbox以及css gri ...
分类：
其他好文 时间：
2020-06-05 19:24:09
阅读次数：
91
css中有三种基本的定位机制：普通流、浮动流、定位流 1、普通流：上下排列的布局 （大部分情况） 2、浮动流：左右排列的布局 （大部分情况） 3、定位流：层叠（叠加）排列布局（大部分情况） 定位属性 position：检索或设置对象的定位方法 static ：默认值，没有定位，可以用于取消元素之间的 ...
分类：
Web程序 时间：
2020-06-05 19:22:04
阅读次数：
94
其实CSS浮动原理就三句话，不像网上的某些文章说的天花乱坠！ 浮动必会脱离文档流 浮动会失去块级作用 浮动只在自己所在位置那行向左或者向右浮动 请仔细理解上面这三句话，下面我们来验证。 实验1. 最基本测验： <!DOCTYPE html> <html> <head> <title>css浮动</t ...
分类：
Web程序 时间：
2020-06-05 19:20:58
阅读次数：
161
首先回顾下CSS常出现的几个样式问题1当子元素添加上边距时，父元素也会向下移动 解决方法:给子元素添加display:inline-block;或者用父元素的padding-top代替给可以 2子元素浮动后，父级元素检测不到其高度3当元素浮动后，兄弟元素的内容超过其高度后会侵占它的区域（其实问题原因 ...
分类：
Web程序 时间：
2020-06-04 21:57:44
阅读次数：
96
定位(position)CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。为什么要用定位？举例，京东商城网页....如果说浮动的主要目的是让多个块级元素在一行显示，那么定位的主要价值就是移动元素位置，让元素移动到我们想要的位置上去。元素的定位主要包括偏移属性和定位模式来实现。一、偏移属性说明用来描述定位元素各边相对于其包含块的偏移量。|偏移属性|说明||--------|---------
分类：
其他好文 时间：
2020-06-04 12:15:35
阅读次数：
68
定位(position)CSS三个大核心模块：盒模型、浮动和定位，其余的都是细节。为什么要用定位？举例，京东商城网页....如果说浮动的主要目的是让多个块级元素在一行显示，那么定位的主要价值就是移动元素位置，让元素移动到我们想要的位置上去。元素的定位主要包括偏移属性和定位模式来实现。一、偏移属性说明用来描述定位元素各边相对于其包含块的偏移量。|偏移属性|说明||--------|---------
分类：
其他好文 时间：
2020-06-04 12:05:12
阅读次数：
73
