先将容器的设为绝对定位，之后将容器左边界设在页面的一半处（50%）开始，最后将容器的的做边距设为容器宽度一半的负值。注意：绝对定位后，容器将独立于正常的文档流。#container { width: 960px; position: absolute; left: 50...
分类：
Web程序 时间：
2015-10-09 13:53:16
阅读次数：
124
1、absolute（绝对定位）absolute是生成觉对定位的元素，脱离了文本流（即在文档中已经不占据位置），参照浏览器的左上角通过top,right,bottom,left（简称TRBL）定位。可以选取具有定位的父级对象（下文将说到relative与absolute的结合使用）或者body坐标原...
分类：
Web程序 时间：
2015-10-07 17:24:32
阅读次数：
223
首先把整个导航菜单放在一个DIV里，好定位它在页面的位置（也方便管理li的长度）。li用来设置各菜单项之间的距离，将a的display属性设置为block，使整个li都可以点击，然后设置padding留空白。这是自己看着书上的图片做的，下拉菜单因为改成绝对定位使父元素的长度变短，继承长度后也变短了，...
分类：
其他好文 时间：
2015-10-02 12:29:07
阅读次数：
209
上一种布局“中间自适应两侧固定” 用了三种方法去解决，这一种是不常见的布局格式，来看下解决方法，先看简单的解决第一种：绝对定位 Document 很easy解决第二种：浮动 Document this is le...
分类：
其他好文 时间：
2015-10-01 16:26:09
阅读次数：
157
第一种方法：绝对定位: Document 这种方法是最简单，也是麻烦最多的，如果中间栏含有最小宽度限制，或是含有宽度的内部元素，当浏览器宽度小到一定程度，会发生层重叠的情况。我个人现在不再建议使用这种布局。第二种方法：浮动 Document ...
分类：
其他好文 时间：
2015-10-01 12:53:03
阅读次数：
201
移动端重构系列-mobile本系列文章，如果没有特别说明，兼容安卓4.0.4+因为后面的几篇文章都需要用到切入切出动画什么的，所以先把这个说下。为了简单起见，我们这里只讨论translate偏移动画（translate比起绝对定位的top/left/right/bottom要高效），而如其他的旋转缩...
分类：
移动开发 时间：
2015-09-30 16:02:32
阅读次数：
202
参考：http://www.w3school.com.cn/cssref/pr_class_position.asp position属性规定了元素的定位类型。任何元素都可定位，其中，绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。 值描述absolute生成绝对定位的元素，相对...
分类：
Web程序 时间：
2015-09-29 23:18:37
阅读次数：
238
1.一个宽高为50px的div，如何实现左右垂直居中？ 实现思路：首先给div设position:absolute,实现绝对定位，然后设置top与left值均为50%；这样div就在大致中间的位置了，这里说大致，是因为此时div分别向下向右偏移了0.5倍的height和width。这时再设置mar....
分类：
Web程序 时间：
2015-09-23 19:30:28
阅读次数：
150
一、目标目标完成下图效果：二、完成1、分析在::before和::after伪元素的用法一文中有说到使用::befrore和::after可以完成一个六边形。这个案例是用一个#star-six完成一个正三角形，通过::after实现一个倒三角形，然后绝对定位放好位置。我们接下来也用这个思路完成。2、...
分类：
其他好文 时间：
2015-09-23 19:27:55
阅读次数：
183
常见的块级元素和行内元素一、块级元素 1、块级元素的特点： （1）、默认显示在父标签的左上角. （2）、块级元素默认占满一行（沾满整个文档流）。 2、常见的块级元素： 、、、、、、二、行内元素（内联元素） 1、行内元素的特点： （1）、大小受到文字区域的影响，不受到wid...
分类：
Web程序 时间：
2015-09-23 19:00:36
阅读次数：
348
