前言 flexible box即为可伸缩的盒模型，让容器能让其子元素自由改变宽高或顺序，以最佳的方式填充容器。可以让子元素扩展来填满可用空间，缩小来防止溢出。flexible box由伸缩容器和伸缩项目组成。 兼容性：IE10+、firefox、chrome、safari基本术语 下面是一张伸...
分类：
其他好文 时间：
2015-03-06 16:14:45
阅读次数：
100
1.元素有个默认的层级，默认DOM中靠后的元素层级更高；body与html似乎有默认的z-index，即使不设置也相当于设置后的效果，即其子元素不论层级正负，都处于body与html之上。2.当父级元素没有设置z-index值时，子元素z-index>=0则显示在父级元素之上，若子元素z-index...
分类：
其他好文 时间：
2015-03-06 15:33:26
阅读次数：
156
一、问题当有时不浮动的父元素装载着浮动的子元素时，这个时候父元素的高度不会跟着的子元素的内容高度而自适应高度变大。比如截图的第一行图，上面一条黑色的粗线，就是父div的边框（为了看效果，我设置了父div的border：5px。左右两边是各浮动一个div）。于是乎，我想解决这个父元素高度不会跟随着子元...
分类：
其他好文 时间：
2015-03-06 14:13:45
阅读次数：
158
子选择符子选择符用法：标签1>标签2{声明;}标签2必须是标签1的子元素，标签1必须是标签2的父元素，不能是其他之外的祖先元素以下CSS代码是Bootstrap中的样式节选，用于处理表格 1 .table { 2 widt...
分类：
Web程序 时间：
2015-03-05 12:25:14
阅读次数：
156
创建元素：document.createElement(标签名称); 删除元素：父级.removeChild(要删除的元素);追加子元素：父级.appendChild(要添加的元素)在指定元素前面插入一个新元素：父级.insertBefore(新的元素，被插入的元素)HTML部分： ...
分类：
编程语言 时间：
2015-03-04 18:44:40
阅读次数：
141
jQuery最强大的特性之一就是它能够简化在DOM中选择元素的任务,DOM中的对象网络与家谱有几分类似，当我们提到网络中元素之间的关系时，会使用类似描述家庭关系的术语，比如父元素、子元素，等等。通过一个简单的例子，可以帮助我们理解文档各元素构成的树形结构： the title This i...
分类：
Web程序 时间：
2015-03-04 18:39:00
阅读次数：
183
一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。其一般表现规则，我整理了以下这几个情况：1、在创建了 Block Formatting Context 的元素中，其子元素按文档流一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的...
分类：
其他好文 时间：
2015-03-03 21:56:31
阅读次数：
173
BFC是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 在创建了 Block Formatting Context 的元素中，其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘ma...
分类：
其他好文 时间：
2015-03-03 20:38:40
阅读次数：
158
问题： 当父级元素为相对定位position:relative;，子元素为绝对定位position:absolute；并且层级较高时，一般浏览器显示为子元素在父元素之上，但IE7子元素却被父级兄弟元素遮盖在下面，解决： 1.可设置当前父级元素层级高于父级兄弟元素， 2.若子元素有下拉时，可设当...
分类：
其他好文 时间：
2015-03-03 14:52:24
阅读次数：
148
代码： 父元素内容 Web前端开发 line-height行高问题 其实区别就在于继承的问题上。150%是先计算后继承，根据父元素的字体大小计算出行高，并且子元素依然沿用这个计算后的行高：子元素的行高 = 16*150% = 24px; 因此字体显示不...
分类：
Web程序 时间：
2015-03-03 09:46:38
阅读次数：
181
