CSS float 浮动属性 CSS float 浮动属性 本篇主要介绍float属性：定义元素朝哪个方向浮动。 目录 1. 页面布局方式：介绍文档流、浮动层以及float属性。 2. float:left ：介绍float为 left 时的布局方式。 3. float:right ：介绍float ...
分类：
Web程序 时间：
2019-08-03 12:57:24
阅读次数：
108
CSS定位机制Ⅱ——浮动定位 float属性：进行浮动定位 left，right clear属性：清除浮动 left，right，both ㈠ float属性 1.概述 ⑴div实现横向多列布局 ⑵float属性 left——左浮动 right——右浮动 none——不浮动 下图为代码的实现： ㈡ ...
分类：
Web程序 时间：
2019-07-27 09:25:28
阅读次数：
151
关于CSS的定位机制Ⅰ ㈠概念 对于盒子模型来说，也就是页面元素，这些盒子究竟在页面的什么位置，怎样排列它，那么找到它的位置，确定它的位置，这个就是定位机制所决定的。 ㈡分类 文档流， 浮动定位，层定位 ㈢三种类型定位的功能 ⑴文档流定位（flow） 默认 我们不需要额外的设置，每种元素它们在当前的 ...
分类：
Web程序 时间：
2019-07-27 00:06:47
阅读次数：
192
1.首先，标签之所以有存在等级分类，是因为他们处于标准文档流（块级元素，行内元素，行内块元素）当中。 2.如何脱离标准文档流？ 浮动 绝对定位 固定定位 这些可以让一个标签脱离标准文档流，而元素一旦脱离标准文档流，也就意味着不再受文档流的特性约束。 3.浮动 none：表示不浮动，默认为不浮动 le ...
分类：
Web程序 时间：
2019-07-21 13:46:31
阅读次数：
154
问题：一直好奇浮动和定位元素还有普通文档流元素的层叠顺序？ 当没有指定z-index的时候， 所有元素都在会被渲染在默认层(0层) 根元素的背景和边界 位于普通流中的后代块元素按照它们在 HTML 中出现的顺序层叠 浮动块元素 常规流中的后代行内元素 后代中的定位元素按照它们在 HTML 中出现的顺 ...
分类：
其他好文 时间：
2019-07-08 19:47:01
阅读次数：
128
<!-- 文档流1，跨级元素独占一行，几个块级元素就独占几行。2，行内元素会从左向右排满，折行继续排版。3，绝对定位(absolute) 固定定位(fixed) 会脱离文档流，不占位，前后元素会忽略它们。 根据指定位置进行排版，且任何元素进行以上两种定位都会变成块级元素，可以设置宽高。4，浮动元素， ...
分类：
其他好文 时间：
2019-07-07 22:49:59
阅读次数：
263
起因设计要求视频控制面板显示在视频界面上，如下图红框内所示。但是因为object不在文档流之中，所以不论别的元素设置z-index多高，都只会被object元素遮住而无法看到。object元素代码如下 解决方案方法一： 直接设置属性值在代码中增加属性 在谷歌等浏览器中有效，但是IE中无效，因为需要a ...
分类：
其他好文 时间：
2019-07-04 11:44:38
阅读次数：
184
之前设置多个div横排显示都会使用float:left，这样使div脱离了文档流，不容易控制，不管是设置margin-left还是position，left都不会有效果。 后来我尝试了使用display:inline-block,这样就可以使用marginLeft来控制多个div之间的间距了。 ...
分类：
Web程序 时间：
2019-07-03 10:46:59
阅读次数：
354
一、MySQL复制流程官方文档流程图如下：1、绝对的延时，相对的同步2、纯写操作，线上标准配置下，从库压力大于主库，最起码从库有relaylog的写入。二、MySQL延迟问题分析1、主库DML请求频繁原因：主库并发写入数据，而从库为单线程应用日志，很容易造成relaylog堆积，产生延迟。解决思路：做sharding，打散写请求。考虑升级到MySQL5.7+，开启基于逻辑时钟的并行复制。2、主库执
分类：
数据库 时间：
2019-07-02 13:30:55
阅读次数：
162
一、固定布局（不适应设备的浏览器的变化） 扩展：高度塌陷 在文档流中，父元素的高度默认被子元素撑开，也就是子元素多高，父元素就多高。 在浮动流中，当为子元素设置浮动以后，子元素会完全脱离文档流，此时会导致子元素无法撑起父元素的高度，即会导致父元素的塌陷。由于父元素的高度塌陷，所以 会导致父元素下边的 ...
分类：
Web程序 时间：
2019-06-25 00:02:08
阅读次数：
155
