不需要知道宽高： CSS transform <div 'style='position:relative;' > <div style='position:absolute;top:50%;left:50%; transform: translate(-50%, -50%);'></div> </ ...
分类：
其他好文 时间：
2016-12-19 13:50:31
阅读次数：
100
首先声明一点，transform属性不为none的元素是它的定位子元素（绝对定位和固定定位）的包含块，而且对内创建一个新的层叠上下文。 注意：可以通过 transform-box 属性指定元素的那个盒子发生了变换，该属性的默认值是“border-box”，查MDN只有Firefox支持该属性（我试的 ...
分类：
Web程序 时间：
2016-12-18 20:53:49
阅读次数：
364
直接进入主题！ 一、脱离文档流元素的居中 方法一：margin:auto法 CSS代码： HTML代码： 效果图： 当一个元素绝对定位时，它会根据第一个不是static定位的祖先元素定位，因此这里的img根据外层div定位。 方法二：负margin法 CSS代码： HTML代码： 效果图： 这里，我 ...
分类：
Web程序 时间：
2016-12-18 18:26:11
阅读次数：
130
1.层级关系为： <div ——————————— position:relative; 不是最近的上一级定位元素，不是参照物 <div—————————-没有设置为定位元素，不是参照物 <div———————- position:relative 是最近的上级相对定位元素，所以是参照物 <div ...
分类：
其他好文 时间：
2016-12-18 11:54:39
阅读次数：
116
直接进入主题！ 一、脱离文档流元素的居中 方法一：margin:auto法 CSS代码： HTML代码： 效果图： 当一个元素绝对定位时，它会根据第一个不是static定位的祖先元素定位，因此这里的img根据外层div定位。 方法二：负margin法 CSS代码： HTML代码： 效果图： 这里，我 ...
分类：
Web程序 时间：
2016-12-17 20:31:44
阅读次数：
219
CSS相对定位 设置为相对定位(relative)的元素会偏移某个距离。元素仍保持其未定位前的形状，他原本所占的空间仍然保留 CSS相对定位 相对定位是一个非常容易掌握的概念，如果对一个元素进行相对定位，他将出现在她所在的位置上 然后 可以通过设置垂直或者水平位置 让这个元素相对于他的起点进行移动。 ...
分类：
Web程序 时间：
2016-12-16 18:46:48
阅读次数：
346
1、当元素或者是它的包裹层设置了绝对定位或者是浮动，那么margin:0 auto;自动居中的效果就不会实现。 2、盒子模型的三位立体结构图中从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。 3、 ...
分类：
Web程序 时间：
2016-12-16 00:56:52
阅读次数：
190
1.设置css样式的三种方式？ 外部样式表，引入一个外部css文件 内部样式表，将css代码放在<head>标签内部 内联样式，将css样式直接定义在html元素内部 2.css有哪些选择器？ id选择器 类选择器 标签选择器 又可以细分为： 派生选择器（包括后代选择器、子元素选择器、相邻兄弟选择器 ...
分类：
Web程序 时间：
2016-12-15 20:43:38
阅读次数：
222
左可以 .left{width：200px;background:red;height:500px;position:absolute;left:0;top:0;} 右可以.right{width:300px;height:500px;position:absolute;right:0;top:0; ...
分类：
其他好文 时间：
2016-12-15 00:38:07
阅读次数：
142
在CSS2.1中，有三种定位方案——普通流、浮动和绝对定位： 普通流：元素按照先后位置自上而下布局，inline元素水平排列，直到行被占满后换行，block元素则被渲染为完整的一行，除非指定，所有元素默认为普通流定位。 浮动：浮动布局中，元素首先按照普通流位置出现，然后根据浮动方向尽可能向左或右偏移 ...
分类：
其他好文 时间：
2016-12-14 19:01:53
阅读次数：
177
