这阵子在做一个web端项目中遇到一个问题，需要实现带箭头的选项卡点击可切换。起初没想太多，直接切一个向上的小箭头图片，外层div设置相同颜色的边框，再用相对定位和绝对定位。这种方法是可行的，但是因为手机和电脑的屏幕显示图片的画质细节不同，导致1px的边框比1px的切图实际粗很多，对于有强迫症的人来说...
分类：
Web程序 时间：
2015-09-01 18:26:55
阅读次数：
268
若已知父元素的宽高，设置相对定位子元素若高度300px，设置绝对定位，top:50% margin-top:-150px（子元素高度的一半）； 元素居中 .a{ width:800px; height:600px; position:relative; ...
分类：
其他好文 时间：
2015-09-01 16:49:55
阅读次数：
115
CSS定位属性：position。 定位的基本思想：定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素或浏览器窗口本身的位置。 position属性值：static、relative、absolute、fixed。 以下所有测试在Firefox40.0下进行。 所用到...
分类：
Web程序 时间：
2015-08-26 19:35:21
阅读次数：
220
当一个元素使用绝对定位后，它的位置将依据浏览器左上角开始计算或相对于父容器（在父容器使用相对定位时）。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素。w3c对绝对定位的解释： 设置...
分类：
Web程序 时间：
2015-08-20 23:54:23
阅读次数：
238
先回顾一下 圣杯布局的实现过程>>在不增加额外标签的情况下，圣杯布局已经非常完美，圣杯布局使用了相对定位，以后布局是有局限性的，而且宽度控制要改的地方也多，那么有没其他方法更加简洁方便呢？在淘宝UED探讨下，增加多一个div就可以不用相对布局了，只用到了浮动和负边距，这就是我们所说的双飞翼布局。DO...
分类：
其他好文 时间：
2015-08-20 00:59:33
阅读次数：
179
圣杯布局和双飞翼布局，他们的都要求三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染，而双飞翼布局是对圣杯布局的一种改良，下一篇文章会讲到。圣杯布局：用到浮动、负边距、相对定位，不添加额外标签DOM结构：Header Main Left Righ...
分类：
其他好文 时间：
2015-08-19 23:35:02
阅读次数：
165
水平居中行内元素text-align:center;块元素1.定宽块元素水平居中 margin:0 auto;2.不定宽块元素水平居中方法一：利用浮动的包裹性和百分比相对定位
我们想要使inner(不定宽)水平居中于outer，可以这么做：
先在inner外面再加一层div:<div cla...
分类：
其他好文 时间：
2015-08-17 19:35:11
阅读次数：
128
为什么设置z-index属性无效:z-index属性生效需要特定的条件才可以的，否则当然不会生效。下面简单介绍两种不生效的情况。一.对象没有应用绝对定位或者相对定位:对象必须应用绝对定位或者相对定位之后，z-index属性才有生效的可能。二.浏览器兼容性导致:例如，在IE6浏览器下select下拉框...
分类：
其他好文 时间：
2015-08-12 01:17:28
阅读次数：
603
RelativeLayout又称为相对布局，也是一种常用的布局形式。和LinearLayout的排列规则不同，RelativeLayout显得更加随意一下，它通常通过相对定位 的方式让控件出现在布局的任何位置。也正是因为如此，RelativeLayout中的属性非常多，不过这些属性都是有规律...
分类：
移动开发 时间：
2015-08-11 20:41:44
阅读次数：
146
绝对定位：如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，...
分类：
其他好文 时间：
2015-08-11 13:42:56
阅读次数：
127
