1）先完成一个导航条 nav1 nav2 nav3 效果如下：2）在每个导航的最右侧做一个 下三角，考虑到代码的简洁性，每个导航条的最右侧加一个伪元素，这个伪元素需要绝对定位，所以li元素需要加上相对定位。3)那么三角具体怎么做呢？用c...
分类：
Web程序 时间：
2015-08-10 23:46:42
阅读次数：
298
上周遇到两个坑。
一是jQuery的on方法 事件冒泡，在iOS中有问题。
二是绝对定位的元素中，如果有输入框，input或者textarea，获取焦点，自动弹出输入法之后，绝对定位的元素会在屏幕最上方到输入法最上边框的中间位置。
$("body").on("click",".contentup",Reply.replyOneHandler);
上面这句，在iOS中没有反应。百度和Google了下，没有太权威的解释。只是大概说，iOS的冒泡，如果一直没有handler来处理事件，则...
分类：
移动开发 时间：
2015-08-10 12:06:52
阅读次数：
144
相对于后面会讲到的绝对定位，相对定位确实要简单的多。但是简单不代表不重要，今天就来说说它。一、什么是相对定位 一旦一个框按照常规流或者是浮动得到定位，它可以相对该位置进行偏移。这就叫做相对定位。这就是标准中对于相对定位的解释。二、相对定位元素的一些特性 relative和absolute有一...
分类：
其他好文 时间：
2015-08-10 00:01:27
阅读次数：
273
做一个点击查看显示详细信息的效果。说一下问题描述，最外面的父元素overflow-parent设置了overflow:hidden，然后子元素overflow-child没有设置overflow，设置了relative，为其包含的绝对定位的元素进行位置确定,这个元素点击时高度增加到300px. .....
分类：
其他好文 时间：
2015-08-09 23:52:57
阅读次数：
135
绝对定位的特性：1.绝对定位的元素以前所占空间会释放，脱离普通文档流，在层级上是最上层的，所以会覆盖html里它的下面的元素。 用途：不用relative限制absolute,（有利于样式的复用），a.实现一个小东西在一个块上。 2.绝对定位的元素有位置跟随的...
分类：
Web程序 时间：
2015-08-06 18:13:04
阅读次数：
125
横向两列布局绝对定位实现布局 前端开发教程 CSS HTML JavaScript jQuery Ajax CSS 基础教程 ...
分类：
Web程序 时间：
2015-08-05 17:47:40
阅读次数：
127
1. 盒模型 2. 外边距合并 3. 定位机制 4. Float 5. Position：属性有哪些取值，它们的行为是什么？ 无依赖绝对定位？ 6. Display：常见属性值有哪些取值？ 7. 对BFC规范的理解？ 1. 盒模型 盒模型从内向外包括content,padding,b...
分类：
Web程序 时间：
2015-08-05 12:16:52
阅读次数：
143
即针对每种不同的屏幕，选择不同的样式表
在Responsive布局中，可以毫无保留的丢弃：
第一， 尽量少用无关紧要的div；
第二，不要使用内联元素（inline）；
第三，尽量少用JS或flash；
第四，丢弃没用的绝对定位和浮动样式；
第五，摒弃任何冗余结构和不使用100%设置。
有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪...
分类：
其他好文 时间：
2015-08-04 15:45:35
阅读次数：
126
IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：position:absolute 绝对定位元素的包含区块(containing block)就...
分类：
其他好文 时间：
2015-08-02 19:54:22
阅读次数：
114
我处理圆角的版本是由内置的绝对定位的四个div组成，每个div都有唯一的圆角图片作CSSSprite操作。我们将会这样做:是什么方式导致这项技术表现得这么了不起呢（What makes this technique cool）?通过可变的宽度和高度处理毗邻的元素的能力。没有极限。（The abili...
分类：
Web程序 时间：
2015-08-01 15:29:13
阅读次数：
152
