1.元素的浮动属性float 浮动属性作为CSS3的重要属性，在网页布局中至关重要。在CSS中，通过float属性来定义浮动，所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制，移动到其父元素中指定位置的过程。 其基本语法格式为： 选择器{float： 属性值；} 在上面的语法中 ...

1. 脱离文档流。 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。 2. 向左/向右浮动直到遇到父元素或者别的浮动元素。 3. 浮动会导致父元素高度坍塌。 4.浮动元素不占空间 ...

在页面布局的时候，我们经常会将元素设置成浮动效果来解决一些实际问题，无论当前元素是块级元素还是行内元素， 似乎都有需要设置成浮动的时候，但与此同时，我们有没有想过，在元素被设置成浮动之后，他们的block属性还是和 原来的一致么？为了解决该疑问，我简单做了个小测验，如下： //css部分 ...

浮动元素重叠 1、行内元素与浮动元素发生重叠，边框、背景、内容都会显示在浮动元素之上 2、块级元素与浮动元素发生重叠，边框、背景会显示在浮动元素之下，内容会显示在浮动元素之上 ...

当你想要做成这种布局效果的时候 紫色框里面的内容那样 它是一个列表 li元素是块级元素 默认大小是父元素ul的宽 并且换行 如果li没有背景的话那就不用管了 可是问题来了它不但有背景 而且是根据文字自适应的宽高 这就是inline-block类型的功能了 那么想让li ...

利用伪元素:after清除浮动 让页面呈现多列布局时经常会使用 float:left/right ，可是浮动布局会导致父元素的高度为0（未设置高度的情况下），不会根据子元素的高度而变化，另外，后面不需要浮动想在下一行显示的标签出现在浮动元素的后面 ...

设置容器的浮动方式为绝对定位 然后确定容器的宽高 比如宽500 高 300 的层 然后设置层的外边距 ...

...