标准文档流是指除了绝对定位和浮动的其他元素，按其他元素的排列规则。元素塌陷的解决方法；第一种，在浮动元素的下一元素中就样式 clear：both；清除浮动的影响。第二种：在浮动元素的父元素中加入样式overflow:hidden。第三种：设置准确的高度。（不常用）第四种：.clearfix:afte...
分类：
其他好文 时间：
2015-09-13 23:05:39
阅读次数：
170
对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。如下：HTML 代码： 我是浮动的 我也是居中的CSS 代码：.box{ float:left; position:relative; ...
分类：
Web程序 时间：
2015-09-12 23:35:10
阅读次数：
243
本来想把这个题目修改为“闭合浮动元素”或“清除浮动元素”，但想了一下，还是不修改为好。因为从这个题目我们可以更加容易的看出，如果您没有闭合(清除)浮动元素，它将造成的后果是-----div的高度不能自动增加。言归正传目前用来清除“闭合(清除)浮动”的方法，主要是一下四种：1.额外标签法这种方法就是向...
分类：
Web程序 时间：
2015-09-05 09:53:43
阅读次数：
131
当我们使用float来使元素并排显示的时候，可以使用margin来控制元素之间的距离，而在很多版式里（例如产品图片的列表），需要浮动的元素达到两端对齐的效果，如图1所示。图1 两端对齐的版式单纯使用float:left或者float:right，而不添加额外的class区分元素的位置，似乎是无法实现...
分类：
其他好文 时间：
2015-09-04 17:03:06
阅读次数：
200
细数工作三个月来踩过的坑。。。在做移动端页面时，遇到让两个元素（比如简单到两个单词）平分页面的宽度的情况， 不要使用给他们加a ,span 标签，然后让a,span宽度50%的方法。这种方法做不到完全居中。solution:利用div+float当一个浮动元素（没有声明宽度）包含一个向右浮动的子元素...
分类：
其他好文 时间：
2015-08-31 16:51:05
阅读次数：
150
float-奥义！以下是自己实验的结果：1.float具有哪些属性？针对哪些元素？浮动元素 与 非浮动元素 的爱恨情仇？浏览器bug怎么解决？?常见的块级元素有：h1~h6、p、div、ul、table，常见的行内元素有：span、a、input、select等。?浮动元素后边的元素若是非浮动行内元...
分类：
Web程序 时间：
2015-08-21 12:50:08
阅读次数：
209
近来在做仿站练习的时候看到每个网站采用浮动清理的方法都各不相同，有的甚至同一个网页采用了不同的清理方法，是时候要在这方面做个总结了。之所以要进行浮动清理，是因为浮动的元素会脱离普通流，导致父容器不能够包含浮动元素。我们希望是这样：结果是这样：看了一下网上的方法，无非是两种原理：1、利用clear属性...
分类：
Web程序 时间：
2015-08-19 23:40:24
阅读次数：
157
简介float 属性定义元素在哪个方向浮动。看了一些资料，其中http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html总结的很详细自己也做了一些补充和总结补充和整理主要分为这几块设置float属性的浮动元素1.对于块级元素，其上一个元素...
分类：
Web程序 时间：
2015-08-19 12:43:26
阅读次数：
139
1.在浮动元素后面增加标签； 标签有自带的清除浮动属性；2.在浮动元素后面增加一个清除浮动层； 3.给浮动元素添加overflow:auto样式；4.为最后浮动元素设置如下样式： /* 清理浮动 */.clearfix:after {visibility:hidde...
分类：
Web程序 时间：
2015-08-15 19:55:23
阅读次数：
111
1.属性height 设置元素高度line-height 设置行高max-height 设置元素最大高度max-width 设置元素最大宽度min-width 设置元素最小宽度min-height 设置元素最小高度width 设置元素宽度clear 设置一个元素的侧面是否允许其他的浮动元素curso...
分类：
Web程序 时间：
2015-08-14 15:22:55
阅读次数：
126
