1. 浮动的元素脱离了文档流，包围图片和文本的div不占据空间。如果，想让包围，需要在这个元素的某个地方应用clear。如 ...
分类：
其他好文 时间：
2017-11-28 11:55:31
阅读次数：
103
浮动： 使元素推理文档流，按照指定方向发生移动； 遇到父级边界或者相邻的浮动元素会停下来； 浮动的特性： 1，块元素一行显示多个； 2，内联元素支持宽高； 3，没有设置宽度时由内容撑开宽度； 4，脱离文档流； 浮动的破坏性： 浮动元素脱离文档流后，导致父级元素高度塌陷。父级元素无法包裹住子级浮动元素 ...
分类：
其他好文 时间：
2017-11-26 11:02:38
阅读次数：
146
注意事项： 1、for循环移除子节点时，其长度是变化的 2、在文档流中，input、img、p等标签与其他标签有3px的距离，利用左浮动，可以消除3px距离 3、背景图片定位时，第一个值是x轴方向的值，第二值是y轴方向的值 4、大多时候input标签outline属性时都设置为none，然后为其注册 ...
分类：
Web程序 时间：
2017-11-25 11:31:37
阅读次数：
209
首先position:absolute|relative; 前者是绝对定位，后者是相对定位； position属性的四个值: static,relative,fixed,absolute; 重点重点重点: 相对定位元素经常用来作为绝对定位元素的容器块； absolute 定位使元素的位置与文档流无关 ...
分类：
其他好文 时间：
2017-11-23 08:18:37
阅读次数：
106
css position是个很重要的知识点： 知乎Header部分： 知乎Header-inner部分： position属性值： fixed：生成绝对定位的元素，相对浏览器窗口进行定位（位置可通过：left,right,top,bottom改变）;与文档流无关，不占据空间（可能与其它元素重叠） r ...
分类：
Web程序 时间：
2017-11-22 14:19:50
阅读次数：
214
一、文档流 网页默认的定位方式 1.行级元素： 从左到右 2.块级元素： 从上到下 文档流的流动方式 从右下 到 左上 ↖ 二、浮动 1、浮动的定义 ， 是元素脱离文档流 遇到父级边界 或相邻浮动元素 停止 2、特点 a）浮动元素不会超过父元素的边框 b) 浮动元素默认不会重叠 c）浮动元素只能左右 ...
分类：
Web程序 时间：
2017-11-21 22:15:16
阅读次数：
193
1、显示内容 display: block; 用在内联元素中设置时，是把内联元素转换成具有块级元素的属性，可设置宽高 2、内容消失，不会占据文档流空间 display: none; display: block; 让消失的内容在显示，可以把内联转为块级，会独占一行。 3、变成带“块级内联元素” di ...
分类：
其他好文 时间：
2017-11-20 23:24:37
阅读次数：
160
使用position属性，会激活5个属性 left right bottom top z-index（-1至999） 注：z-index：会改变内容的层级关系， 1、绝对定位 position: absolute 影响： 元素会脱离文档流==元素原本占据空间释放 原点计算：最近一个有定位的父元素作为 ...
分类：
其他好文 时间：
2017-11-20 23:17:30
阅读次数：
150
html的文档流： 元素排版布局的过程：块级元素：从上至下；行内元素：从右至左。 脱离文档流： 方式：postion和float 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行 ...
分类：
Web程序 时间：
2017-11-19 12:33:59
阅读次数：
185
float浮动的特性： 1、块在一排显示 2、内联元素支持宽高 3、默认内容撑开宽度 4、脱离文档流 5、阻止margin叠压浮动：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。部分清浮动的方法：1.加高度 缺点： a.不利于维护 b.在内容不确定高度时无法使用2. ...
分类：
其他好文 时间：
2017-11-17 18:25:17
阅读次数：
131
