做项目过程中，float布局让页面模块显得so easy，那么问题来了，float后面的元素会占用浮动元素下部空间，导致布局混乱，显然不是我们想要的装X效果。在这里总结了几种清除浮动的方法： 方法一： 最后一个子元素的style设置为clear：both，相当于这样， 这个方法不知道是不是自己没有用 ...
分类：
其他好文 时间：
2016-05-08 10:22:45
阅读次数：
129
只有普通流和绝对定位的元素可以设置居中，浮动元素是不存在居中的。 水平居中：{ margin : 0 auto; } 水平、垂直居中：该元素{ margin: auto; top: 0; bottom: 0; left: 0; right: 0; overflow : auto }，其父元素{ po ...
分类：
Web程序 时间：
2016-04-19 13:56:34
阅读次数：
206
清除浮动的方法有许多比较常用的是 after伪类元素末尾添加内容Ie6,7不兼容可以用zoom来解决（zoom缩放会触发ie下的haslayout使元素根据自身内容计算宽高但火狐不支持但可以通过after伪类解决） 两者结合解决的浏览器不兼容的问题； ie6下li标签的部分兼容性问题： 可以通过给l ...
分类：
其他好文 时间：
2016-04-19 08:49:14
阅读次数：
224
浮动 ： 使元素脱离文档流，按照指定的方向发生移动，遇到父级边界或者相邻的浮动元素则停下来； 元素被设置浮动属性后，呈现的特征有： 1.多个块可以在一行显示 2.内联元素支持狂傲 3.默认宽度由内容撑开 4.脱离文档流 5.提升该元素层级，但仅有半级，不会越过父级边界 clear ： left，ri ...
分类：
Web程序 时间：
2016-04-10 06:51:58
阅读次数：
196
html代码 CSS代码 效果图： 、 下面介绍三种围住浮动元素的方法。最终达成的效果都是： 方法一：为父元素添加 overflow:hidden //overflow：hidden声明的真正用途是 1.防止包含元素被超大内容撑大。应用overflow：hidden之后，包含元素依然保持其特定的宽度 ...
分类：
其他好文 时间：
2016-04-07 00:54:40
阅读次数：
132
第十三章 1.在使用浮动时，源代码的顺序非常重要。浮动元素的HTML必须处在要包围它的元素的HTML之前。 2.清楚浮动： (1).在外围div的底部添加一个清除元素：clear属性可以防止元素包围浮动元素。关键字：left、right或both。 (2).浮动外围元素：让包含浮动元素的<div>也 ...
分类：
Web程序 时间：
2016-04-06 23:00:39
阅读次数：
208
清楚浮动三种方式： 1.根据子元素的可确定高度，为父元素设置指定高度。 2.clear:both;在浮动元素后边添加 div.clearfix clearfix如下： 3.父元素设置overflow:hidden; ...
分类：
Web程序 时间：
2016-03-28 15:13:04
阅读次数：
111
要清除浮动首先要弄清楚为什么需要清除浮动，如果不清除浮动会带来哪些影响 1、为何要清除浮动，由于浮动元素本身会脱离文档流，对于同级的元素而言，排在浮动元素身后的元素会占有浮动元素原有的位置；对于没有设置宽高的父级元素而言，父级元素会出现“坍塌”情况 2.了解了为何要清除浮动，下面需要对浮动元素来分一 ...
分类：
Web程序 时间：
2016-03-26 10:50:09
阅读次数：
140
2016年3月22日 让一个普通标签居中很容易，使用div {margin:0 auto}然后利用css可以自动计算元素左右的宽度就可以了 但是让一个浮动元素居中的话，却是无法通过这种形式居中的，因为浮动元素会自动跑到浮动的方向上的最边上，设置的外边框auto根本不起作用。 这时我们可以先把这个元素
分类：
其他好文 时间：
2016-03-22 18:54:59
阅读次数：
166
