首先给想要居中的元素设置绝对定位，其父元素设置相对定位。 然后，方法一：top，left，right，bottom都设置为0，margin：auto，即可在父元素中水平垂直居中。 方法二：top，left都设置为50%，然后transform：translate（-50%，-50%），如果其他地方也 ...
分类：
其他好文 时间：
2017-05-21 00:26:30
阅读次数：
146
通过绝对定位可以把一个元素放在另一个元素上，这样位置就重复了。重复了，就存在一个谁掩盖谁的问题。 这个时候就可以使用z-index属性， 当z-index的值越大，就表示放上面，z-index:越小就表示放下面。 正常文字a 正常文字b 正常文字c 正常文字d 正常文字e 正常文字f 正常文字g 正 ...
分类：
其他好文 时间：
2017-05-19 00:55:21
阅读次数：
146
使用相对定位可以很方便的原来的位置上，移动一下，但是又会占用原来的位置，后面的内容接不上来 。 有时候，希望一个元素在原来的位置上，移动一下，但是又不占用位置，这个时候，就需要绝对定位和相对定位组合使用了。1. 首先对一个div(d1)使用相对定位在当前的位置上，但是什么内容都不放。2. 然后，在这 ...
分类：
其他好文 时间：
2017-05-19 00:52:22
阅读次数：
151
属性：position 值： relative 与绝对定位不同的是，相对定位不会把该元素从原文档删除掉，而是在原文档的位置的基础上，移动一定的距离 ...
分类：
其他好文 时间：
2017-05-19 00:50:57
阅读次数：
97
w3school定义： 绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。 对于定位的主要问题是要记住每种定位的意义。所以，现在让我们复习一下学过的知识吧：相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元 ...
分类：
Web程序 时间：
2017-05-18 23:58:33
阅读次数：
460
上一种布局“中间自适应两侧固定” 用了三种方法去解决，这一种是不常见的布局格式，来看下解决方法，先看简单的解决 第一种：绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title ...
分类：
其他好文 时间：
2017-05-18 16:57:55
阅读次数：
143
1.元素定位（position） static:默认 relative:相对定位 absolute:绝对定位 flxed:固定定位（建议不要用，部分浏览器不兼容）2.层叠关系（z-index） 默认值为：0 值可以是任何整数 值越大，位置在越前面3.透明度 opacity:0~1值越小越透明 1 < ...
分类：
Web程序 时间：
2017-05-17 21:09:31
阅读次数：
249
定位标签：position 包含属性：relative(相对) absolute(绝对) 1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动， ...
分类：
其他好文 时间：
2017-05-17 00:52:09
阅读次数：
151
水平居中 HTML代码： 1、使用margin:auto; 2、绝对定位居中； （1）基于父元素left：50%；设定子元素margin-left为-150是需要消除父元素50%造成的偏移 CSS部分： （2）子元素设置margin-left （3）父元素设置padding-left 3、子元素设置 ...
分类：
Web程序 时间：
2017-05-16 23:32:14
阅读次数：
253
一、包含块 目的：确定元素的位置和相对大小（%） 1.正常文档流元素和浮动元素 父元素的 content-box 2.绝对定位元素 父元素的 padding-box 3.固定定位元素 视口 二、负外边距 document.documentElement.clientWidth; 视口宽度 windo ...
分类：
Web程序 时间：
2017-05-16 18:36:29
阅读次数：
216
