对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.static:默认值，没有 ...
分类：
Web程序 时间：
2019-09-01 10:49:24
阅读次数：
88
当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。 比如，可以使用若干个浮动元素来构建一个整洁简洁的页面排版。或者，如果需要更复杂的排版要求，可以考略使用其他方法，比如使用相对定位和绝对定位。 在这篇文章中，我们首先要讨论元 ...
分类：
Web程序 时间：
2019-09-01 10:48:22
阅读次数：
128
近期会更新一系列博客，对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.st ...
分类：
Web程序 时间：
2019-09-01 10:38:42
阅读次数：
74
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2019-08-31 19:39:04
阅读次数：
56
定位的属性position relative 相对定位 使用top left bottom， 可以实现相对位置的偏移 absolute 绝对定位 元素会脱离文档流 其实就是相对于body的定位 如果父级设置了定位属性 本元素会相对于父级进行定位 fixed 固定定位 不管父级有没有定位 都相对于浏览 ...
分类：
其他好文 时间：
2019-08-21 23:18:43
阅读次数：
150
父级给相对定位，子级给绝对定位，margin设置为auto，上下左右值设为0。 父级给相对定位，子级给绝对定位，设置left和top为50%，再向左和向上移动负的子级一半。 父级设置display:flex;justify-content: cneter;align-items: center; 父 ...
分类：
Web程序 时间：
2019-08-17 01:13:35
阅读次数：
176
CSS Position(定位) fixed 定位： 属于绝对定位，元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动： 与top、left、right、bottun连用 默认位置x，y轴为0px，0px 左上角。 relative 定位： 相对定位 相当于自身定位 自身位置不消失， ...
分类：
Web程序 时间：
2019-08-16 20:46:46
阅读次数：
107
[已知宽高] 2.已经知宽高[父元素相对定位,子元素绝对定位 top为0,bottom为0,left为0,right为0,margin为auto] [未知宽高] 1.未知宽高[CSS3的transform,绝对定位,top为50%,left为50%] transform只兼容到IE9 2.未知宽高[ ...
分类：
Web程序 时间：
2019-08-16 19:06:48
阅读次数：
92
今天没有学习其他的,还是决定刷一些面试题看看 「 CSS篇 」 1. CSS 盒子模型，绝对定位和相对定位 盒子模型:一个元素是有content(内容),padding(内补白),border(边框),margin(外补白)四部分组成,而这四个部分就组成了css中的盒模型 绝对定位:position ...
分类：
其他好文 时间：
2019-08-15 13:16:44
阅读次数：
96
定位流(position属性)的分类 1、相对定位(relative) 2、绝对定位 3、固定定位 4、静态定位 相对定位 什么是相对定位？ 就是相对于自己以前在标准流中的位置来移动，相对定位需要配合top/left/right/bottom属性使用 相对定位注意点 1、相对定位是不脱离标准流的，会 ...
分类：
其他好文 时间：
2019-08-12 00:58:53
阅读次数：
116
