标准文档流 普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局之下绝对不会出现例外的情况叫做普通流布局 浮动float 属性值有left,right,none 什么是浮动？ 元素的浮动是指设置了浮动属性的元素 ...
分类：
Web程序 时间：
2018-08-19 14:51:03
阅读次数：
161
绝对定位当浮动元素被设置为绝对定位某个元素``` float:left; position:absolute;```- 则他的float属性会被强制设置为none- 绝对定位元素对其他元素不会造成任何影响，原来的位置不会占用- 绝对定位的位置可通过left，top，right，bottom来设置（四 ...
分类：
其他好文 时间：
2018-08-18 14:21:46
阅读次数：
155
浮动元素特性： 脱离文档流、具有块特性。 应用： 流式布局、自适应宽度、清除多余空隙。 （对于很多插件而言，浮动是个好特性） 缺点： 影响到其后元素布局及其包裹层高度。 （可能出现的结果是布局乱、元素高度获取不准确和重叠现象） 清除浮动： 1.浮层加宽度和overflow属性 （缺点是限制了子层元素 ...
分类：
其他好文 时间：
2018-08-06 21:07:36
阅读次数：
126
浮动特性： 1、浮动的元素不会占据标准流的空间，但是会影响标准流中的文本的排版。浮动只有左右浮动。 2、浮动元素A的位置与上一个元素有关系。如果上一个元素有浮动，则A的顶部与上一个元素顶部对齐，如果没有浮动，则与其底部对齐。 3、一个父盒子中的子盒子，如果其中一个子级有浮动，则其他子级都需要浮动，才 ...
分类：
其他好文 时间：
2018-08-03 01:13:19
阅读次数：
120
清除浮动 浮动元素会脱离文档流，使得行内元素环绕它的效果，但是它也会造成父元素塌陷、元素重叠的问题，所以这个时候就需要清除浮动带来的影响。清除浮动的方法主要有三种： 以这段代码为例： 上面的代码中，由于a、b脱离文档流并分别位于content的两侧，而此时content的高度仅仅只是文字的高度，这是 ...
分类：
其他好文 时间：
2018-07-29 16:24:59
阅读次数：
130
1、下拉菜单 代码如下： aria-haspopup :true表示点击的时候会出现菜单或是浮动元素； false表示没有pop-up效果。 aria-expanded:表示展开状态。默认为undefined, 表示当前展开状态未知。其它可选值：true表示元素是展开的；false表示元素不是展开的 ...
分类：
其他好文 时间：
2018-07-23 14:50:04
阅读次数：
204
CSS Float（浮动） 一、CSS Float（浮动） CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 二、元素怎样浮动 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会 ...
分类：
Web程序 时间：
2018-07-23 12:49:49
阅读次数：
168
1 z-index值表示谁压着谁，数值大的压盖住数值小的。 2 只有定位了的元素，才能有z-index，也就是说， 不管相对定位，绝对定位，固定定位，都可以使用z-index,而浮动元素不能使用。 3. z-index值没有单位，就是一个正整数，默认的z-index值为0 4. 如果大家都没有z-i ...
分类：
其他好文 时间：
2018-07-13 01:10:02
阅读次数：
106
清除浮动的方法 清除浮动方法大致有两类，一类是clear:both | left | right ,另一类则是创建BFC,细分又可以分为多种。 通过在浮动元素末尾添加一个空的标签例如并设置样式为clear:both | left | right ，其他标签br等亦可。 优点：简单。 缺点：增加了额外 ...
分类：
Web程序 时间：
2018-07-09 12:44:37
阅读次数：
213
浮动 浮动元素特征 元素脱离正常的文档流，其他非浮动元素感知不到它的存在。但是浮动元素可以感知已经存在于文本框中的浮动元素和非浮动块级元素。可以移动到所在容器的的左端或者右端。其他的文本和行内元素围绕它安放。 特征：不管一个元素是行内元素还是块级元素。块级元素设置浮动之后，宽度就会收缩成本身内容的宽 ...
分类：
其他好文 时间：
2018-07-07 13:40:11
阅读次数：
218
