使用display：inline-block会出现的情况： 1.使块元素在一行显示 2.使内嵌支持宽高 3.换行被解析了 4.不设置的时候宽度由内容撑开 5.在IE6,7下步支持块标签 由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left ...

1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列 ...

一、抛一块问题砖（display： block）先看现象： 分析HTML代码结构： ? ...

如何脱离标准文档流，css中给了三种方法，使一个元素脱离标准文档流。 1.浮动。 2.绝对定位。 3.固定定位。 一、 什么是浮动呢？定义这样说：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行 ...

在css中 clear 属性用于清除元素左右两侧浮动，常用属性值有 left (不允许左侧有浮动元素）right (不允许右侧有浮动元素）both (同时清除左右两侧浮动的影响) 注意: clear属性只能清除元素左右两侧浮动影响，但是在网页制作经常会遇到一些特殊的浮动影响。例如对子元素设置浮动 ...

本文档学习参考至:详解 清除浮动 的多种方式（clearfix） 浮动会导致什么影响：元素脱标，不占据父元素的空间，导致页面布局出现问题，因此需要清除浮动带来的影响 下边通过以下例子进行解释 首先在页面设置一个box（div元素）包括两个content（div元素），content大小 ...

什么是CSS清除浮动？ 在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象 ...

浮动的清除 -- 四种方法 前言 -- 一个父亲不能被自己浮动的儿子，撑出高度。 开胃小菜 来看一个实验：现在有两个div，div身上没有任何属性。每个div中都有li，这些li都是浮动的。 我们本以为这些li，会分为两排，但是，第二组中的第1个li，去贴靠第一组中的最后一个 ...