Calarqiang的博客

清除浮动的两种基本通用方式 1. 使用clear清除浮动 作用：可以清除某个浮动元素对下面布局的影响！ 可选值： left 清除设置了float:left的元素对自己的影响。 right 清除设置了float:right的元素对自己的影响。 both 清除两侧浮动中对自己影响最大的那一侧浮动。 疑问？何为最大影响？ clear本质： 它的本质是给某个元素设置一个正的margin-top值。当一个元素上面有一个浮动元素时，浏览器会自动计算出该浮动元素的盒子占地大小（可见框+margin）,然后给

1. 高度塌陷 引起高度塌陷的原因： 当父元素没有设置宽度时，如果里面的子元素浮动了，那么就会脱离文档流，父元素的高度就无法由子元素撑起来，就会发生塌陷现象. 明确一点：块级元素在没有设置高度的情况下，都是由内部的子元素决定的！ 可以设置高度的元素类型有：块级元素、行内块级元素以及脱离文档流的元素（浮动或者定位） 高度塌陷对页面布局的影响： 父元素高度塌陷后，子元素就会脱离文档流，对下面的元素产生影响！ 如何解决此问题？就是下面的BFC。 2. BFC 2.1 定义 Block formatting C

浮动难点解析 1.关于浮动元素的特点 所谓浮动，就是将垂直的文档流转变为水平的文档流。 浮动的初衷是用于文字环绕图片效果，现在却 “背道而驰” ，被用于布局。 浮动元素有如下几个重要特点： 当一个元素设置浮动后，会脱离文档流，不再占据文档流的空间。 浮动元素是在父元素的content-box(内容区）进行左右移动。 浮动元素不会脱离父元素的content-box（内容区）。 一个元素浮动后（脱离文档流）包括后面的定位时，就不满足水平公式了！ 在不给浮动元素设置宽度的情况下，它的宽度由其子元素决定！ 设

下面主要讲解css的伪类选择器和伪元素选择器的使用！ 1. 伪类选择器 1.1 伪类的定义 由定义可知，伪类的伪即为虚伪、假的意思，它是一个不存在的特殊的类。它以:开头，区别于伪元素的::开头。 1.2 伪类的作用 用于描述一个元素的特殊状态，比如第一个元素、被点击的元素、鼠标移入的元素等。 1.3 伪类的语法---- nth-child和nth-of-type的区别和联系 联系 它们括号内的n的取值范围均是从0-n(n为正无穷)，注意：页面上的元素是从1开始的！ 他们都可以选择父元素下.