CSS定位属性：一个定位属性，需配合四个定位坐标，实现定位 固定定位fixed 说明： 1、固定定位是相对于"浏览器窗口" 2、如果只设置了定位属性，未指定定位坐标时，元素将停留在它原来的位置 设置固定定位的步骤； 1、设置position：fixed（表示固定定位） 2、确定偏移量 left：距离... ...
分类：
Web程序 时间：
2016-04-05 00:42:25
阅读次数：
341
1. margin重叠问题 在没有设置border或padding的情况下，父元素的第一个子元素的margin-top和父元素的margin-top选取一个最大值使用。可以设置border、padding或者触发BFC来解决子元素设置距离父元素的margin-top。 2. 相对定位和绝对定位 绝对 ...
分类：
Web程序 时间：
2016-04-04 00:08:41
阅读次数：
233
1.绝对定位 position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素，可以通过z-i ...
分类：
Web程序 时间：
2016-04-03 22:02:44
阅读次数：
159
因为工作中有用到，所以找了几种。 1、 第一种方式比较常见，先将需要垂直居中的元素进行绝对定位，然后用设置top和left各为50%，在利用margin将他们偏移 -1/2的width和height 就行了。 这种方式比较方便，但必须知道元素的长宽才行。 2、 第二种方式则用到了 tranform属 ...
分类：
Web程序 时间：
2016-04-03 18:52:43
阅读次数：
210
1 html代码： 2 3 <div id="left">左边栏</div> 4 <div id="right">右边栏</div> 5 <div id="main">主内容</div> 6 7 方法一：利用绝对定位方法(不推荐) 8 9 css部分： 10 11 body {margin: 0;p ...
分类：
其他好文 时间：
2016-04-02 00:50:59
阅读次数：
261
首先来了解什么包含块，css包含块是css标准布局中的一个重要的概念，它是绝对定位的基础。包含块就是为绝对定位元素提供坐标偏移和显示范围的参照物，即确定绝对定位的偏移起点和百分比长度的参考。 由于ie浏览器在解析多层包含时会存在一些问题，在ie浏览器中只有当绝对定位的元素拥有层特征时才能准确解析，层 ...
分类：
其他好文 时间：
2016-04-01 20:21:20
阅读次数：
146
1.相对定位 -以自己为目标 -较小的偏移 -不脱离队伍（流）//位置不会释放 position：relative left:值 right:值 照片墙 轻轻地我走了... ...
分类：
Web程序 时间：
2016-03-31 21:50:14
阅读次数：
200
方法总结 一、绝对定位之automargin 先来看一下绝对定位的概念： position : absolute; 将被赋予此定位方法的对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还 ...
分类：
其他好文 时间：
2016-03-31 14:23:00
阅读次数：
148
在布局的过程中，我们要对某些元素进行居中定位，相信，大家对水平居中都没有问题，就是利用 margin：0 auto；以及文本居中 text-align：center。 下面我想给大家说的是关于整体居中（水平居中和垂直居中）， 在这里，我首先告诉大家我利用了绝对定位的办法， 我现在先给大家制作一个框来 ...
分类：
Web程序 时间：
2016-03-30 23:52:40
阅读次数：
305
前段时间，在做项目的时候，遇到一个问题。背景图片上有一个“立即注册”的按钮，需要点击。但是问题是：现在的图片是背景图片，如果图片是在html页面内的话，我们可以使用锚点来对图片添加链接。这个时候，我们就可以使用隐藏文字的方法来对图片进行添加链接。 定义一个a的标签，使用绝对定位，覆盖到"立即注册"上 ...
分类：
Web程序 时间：
2016-03-30 14:54:02
阅读次数：
162
