摘要：
/* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, 阅读全文
摘要：
元素的层级的介绍 什么是元素的层级 通过z-index可以改变开启定位元素的层级 父元素的层级再高也不会遮盖住子元素 元素的层级的介绍 什么是元素的层级 当元素开启定位后就会是元素提升一个层级,网页是由多个层级组成的 <style> *{ font-size: 50px; font-weight: 阅读全文
摘要：
浮动引发的高度塌陷问题 高度塌陷问题的产生 BFC(Block Formatting Context)的引入 元素开启BFC后的特点 开启BFC的元素不会被其他浮动元素所覆盖 开启BFC的元素不会发生父子元素外边距重叠 开启BFC后可以包含浮动的子元素 如何开启BFC 设置元素浮动 将元素displ 阅读全文
摘要：
定位 static(默认值) 没有开启定位 relative 相对定位的性质 包含块(containing block)概念 没有开启定位时包含块就是当前元素最近的祖先块元素 开启绝对定位后的元素包含块有两种情况 如果所有祖先元素都没有开启定位,则依据根元素()进行定位 如果祖先元素有开启定位,则依 阅读全文
摘要：
弹性盒布局详解 弹性盒介绍 弹性盒的CSS属性 开启弹性盒 弹性容器的CSS属性 flex-direction设置弹性元素在弹性容器中的排列方向 主轴与侧轴(副轴) flex-wrap设置弹性容器空间不足时是否自动换行 flex-flow是wrap与direction结合的属性 justify-co 阅读全文
摘要：
垂直外边距折叠 垂直外边距折叠的发生 兄弟元素之间(对开发有利,无需处理) 父子元素之间(需要解决) 解决方法1: 使用文字破坏外边距相邻 解决方法2: 使用border破坏外边距相邻 解决方法3: 不是用外边距,转而去调整内边距(padding) 终极版:解决方法: clearfix类封装 垂直外 阅读全文
摘要：
CSS过度约束性质 什么是CSS过度约束 当没有开启绝对定位或固定定位时 水平布局必须要满足以下等式 探寻能够设置成auto的CSS属性 等式不成立(过度约束)时的几种情况 当margin与width都没有设置为auto 当margin或width中有一个被设置为auto 当margin与width 阅读全文