一 固定定位 二 绝对定位的盒子居中 三 z-index ...
分类：
Web程序 时间：
2018-09-21 17:35:46
阅读次数：
415
一、元素等比缩放解决方案 包含内容的元素使用绝对定位布局，利用元素的padding的百分比属性去设置元素的高度。 padding可以设置的值： 1、长度，非负的固定宽度 2、百分比，相对于父元素的宽度。 ...
分类：
其他好文 时间：
2018-09-18 16:15:59
阅读次数：
187
CSS有两个性质 第一个是 ：继承性 第二个是：层叠性： 选择器的一种选择能力，谁的权重大就选谁 { 里面分两种情况： 分别是 选中和没选中。 1.选不中的情况下，走继承性，（font，color，text都可以继承）继承性的权重为0 有多个父级都设置了这样的样式，走就近原则 2.选中了的情况下：得 ...
分类：
Web程序 时间：
2018-09-16 21:02:57
阅读次数：
178
1.div的水平居中 2.table-cell实现垂直居中 3.display:flex布局的方式 4.知道div高度和宽度的垂直居中 1.使用绝对定位，高50%，宽50% 2.然后再margin-left div宽度的一半 margin-top div高度的一半 5.不知道div高度和宽度的垂直居 ...
分类：
Web程序 时间：
2018-09-15 11:30:47
阅读次数：
154
学习前端知识到现在以来，自己学到了哪些东西，觉得哪些知识点难呢？ HTML方面，目前就是对一些标签很熟悉，p h div ul li css方面，大的方面在我看来就是盒模型，浮动（清除浮动），定位（相对定位，绝对定位，固定定位），盒模型里面主要是margin，padding值的问题，这个margin ...
分类：
其他好文 时间：
2018-09-13 01:09:59
阅读次数：
199
一、原因 固定定位是参考布局视口做定位的，而在移动端，存在布局视口、视觉视口、理想视口，如果适配方案使用不正确，很容易造成布局错误。 二、案例1，有问题版本，在唤起虚拟键盘的时候，布局错乱了。 三、案例2，绝对定位版本，布局没有错乱， 效果是没有错乱的，使用绝对定位，头部和尾部都是相对body进行定 ...
分类：
移动开发 时间：
2018-09-12 01:17:32
阅读次数：
283
如果三个div全部设置 position: absolute; 绝对定位，且未设置 z-index， 则从代码结构上 下面的元素 会盖住 上面的元素。 z-index 层级： 通过z-index属性 设置元素的 层级。 z-index: 正整数; 层级越高，越优先显示在最上面。 z-index:1; ...
分类：
其他好文 时间：
2018-09-08 21:03:24
阅读次数：
139
position 定位 指将原始摆放到页面的任意位置。 继承性：no 默认值：static 没有定位，原始出现在正常的文档流中 可选值： static : 默认值，元素没有开启定位 relative : 开启元素的相对定位 absolute : 开启元素的绝对定位 fixed : 开启元素的固定定位 ...
分类：
其他好文 时间：
2018-09-08 19:59:02
阅读次数：
124
单行居中，多行居左，超过两行用省略号（绝对定位） ...
分类：
Web程序 时间：
2018-09-07 15:57:44
阅读次数：
178
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .main{position:relative;padding:0 210px;} .left{position:abs ...
分类：
其他好文 时间：
2018-08-28 17:01:36
阅读次数：
118
