我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。而其层叠 ...
分类：
Web程序 时间：
2017-08-12 19:03:59
阅读次数：
171
margin的塌陷现象 （一）在标准文档流中, 垂直方向存在margin的塌陷现象 先上段代码： HTML结构： <div class="box"><div class="box1"></div><div class="box2"></div></div> box1和box2为并列的两个盒子，给bo ...
分类：
Web程序 时间：
2017-08-10 22:18:19
阅读次数：
165
概念 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较 1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素，position不为static且z-index存在的情况下 ...
分类：
其他好文 时间：
2017-08-09 13:09:31
阅读次数：
135
CSS 浮动 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘： 再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图中消失。 如果把 ...
分类：
其他好文 时间：
2017-08-06 16:57:58
阅读次数：
162
一、float属性 1、基本属性 先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、paddi ...
分类：
Web程序 时间：
2017-08-03 16:49:37
阅读次数：
142
float属性 基本浮动规则 先来了解一下block元素和inline元素在文档流中的排列方式。 block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding ...
分类：
其他好文 时间：
2017-08-03 14:00:42
阅读次数：
155
首先，根据事先设计好的图片对页面进行模块划分 “回”字原理（自我总结） 然后，开始使用Html+css进行架构 页面实现知识要点： 第一，页面元素分为块级元素与行内元素 第二， 元素位置 1）块级元素会在文档中单独占有一行 在文档流中 在位置 即从上到小排列 2）行内元素不单独占一行 即从左到右排列 ...
分类：
其他好文 时间：
2017-08-02 10:17:59
阅读次数：
133
恢复内容开始 一、position：relative;相对定位 a、不影响元素的本身的特性； b、不使用元素脱离文档流（元素的移动之后原始位置会被保留）； c、如果没有定位偏移量，对元素本身没有任何影响； d、提高层级（也就是权重问题）； 定位元素的位置控制 top/right/bottom/lef ...
分类：
其他好文 时间：
2017-08-02 10:15:38
阅读次数：
194
6. float 浮动 left right 设置浮动 脱离普通文档流 浮动元素都会变成块级元素 如果不设置宽度 会尽可能的窄 如果你使用浮动了 请将你的元素计算精确 如果不精确会有弊端！ 7. clear 清除浮动 left right both 只用它就好了 就是让你脱离文档流的内容(float ...
分类：
Web程序 时间：
2017-08-02 00:32:44
阅读次数：
204
一、为何要清除浮动？ 要解答这个问题。我们得先说说CSS中的定位机制：普通流，浮动。绝对定位 （当中"position:fixed" 是 "position:absolute" 的一个子类）。 1）普通流：非常多人或者文章称之为文档流或者普通文档流。事实上标准里根本就没有这个词。假设把文档流直译为英 ...
分类：
其他好文 时间：
2017-08-01 20:40:50
阅读次数：
178
