事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这 一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。就是当设定了多个div的嵌套时;即建立了父子关系,当父div与子div共同加入了onclick事件时,当触...
分类:
Web程序 时间:
2015-09-16 18:06:36
阅读次数:
184
left right如上代码所示,父div的高度并不会随着两个子div的增高而增高。解决办法:给父div加一个 overflow:hidden 属性即可。如下: left right
分类:
Web程序 时间:
2015-08-27 12:36:09
阅读次数:
210
CSS相对定位的参考对象是哪个:既然是定位,那么肯定有一个参考对象作为参考,否则就无法使用top、left、bottom和right属性。下面简单介绍一下绝对定位对象的参考对象。先看一个没有使用定位的代码实例:蚂蚁部落 代码运行如我们所预期。下面再看一段为子div进行相对定位以后代码:蚂蚁部落 .....
分类:
Web程序 时间:
2015-08-11 06:55:54
阅读次数:
154
效果图等分公式说明:总宽度C,个子div宽度w,个数N,子div间距G思路一floatbox-sizing:border-box; div宽度包含padding宽度; 1 2 3 4 思路二tabl...
分类:
其他好文 时间:
2015-08-02 06:21:23
阅读次数:
117
核心思路:设置一个隐藏的(display:none;)、背景偏暗的div及其子div作为对话框,当点击某处时,将此div设置为显示。
核心代码如下(部分js代码用于动态调整div内容的行高,这部分代码可以忽略):
function getHeight(className) {
...
分类:
移动开发 时间:
2015-07-24 16:12:24
阅读次数:
127
iscroll是一款很不错的滚动控件(js),但是在调用的时候,需要注意一些事项:1、iscroll支持水平和垂直滚动,那么在调用的时候,一定注意滚动div必须大于父div,也就是说,父div的宽度或者长度必须规定;2、计算好子div和父div之间的宽度或者高度比值。比如,如果是水平滚动,父类wid...
分类:
Web程序 时间:
2015-07-20 21:11:16
阅读次数:
167
转载自http://blog.sina.com.cn/s/blog_6c363acf0100v4cz.html当DIV1里面嵌套有一个DIV2,当DIV2设置了浮动,那么DIV1是无法被撑开的,也就是说DIV2在这里相当于浮在了页面上方,跟DIV1不在同一个层面,导致了DIV2无法把DIV1给撑开,...
分类:
其他好文 时间:
2015-07-20 19:14:31
阅读次数:
196
IE6下什么情况才会出现双倍边距问题:只有知道问题出现的原因,才能够在出现问题前有意识的去避免问题的发生,或者能够第一时间查找到问题的所在。下面简单介绍一下IE6浏览器在什么情况下才会出现双边距问题。下面看个例子:蚂蚁部落 以上代码中,子div的左边距出现了加倍现象。也就是说当对象的浮动方向和外边....
分类:
其他好文 时间:
2015-07-09 21:03:49
阅读次数:
123
一.基本选择器1.通配选择器:用【*】表示, 长子div 2.元素选择器:将某一元素的属性进行设置 长子div 3.ID选择器:利用标签的id属性应用css的id选择器 长子div 孙子div 4.类名选择器注意可以使用多个类名,但是id必须不相同 nihao5. 群组选择器,就...
分类:
Web程序 时间:
2015-07-08 16:02:01
阅读次数:
171
最近在做一个div css切割,昨晚发现了长期以来一直无记录下来的问题!关于兼容IE跟FF的float属性。趁现在还清醒赶紧记下笔记先:一、并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的 话,两个浏览器下会有区别,具体...
分类:
Web程序 时间:
2015-06-27 19:44:34
阅读次数:
177