今天在写网页时发现居中是个让人头痛的事，所以我通过网上和自己的用法来总结我目前所知的解决居中问题的办法：1.text-align: center需要在父元素上设定,只能是文字或行内元素而且不能是浮动元素.div1{ text-align: center; } ...
分类：
其他好文 时间：
2015-12-06 21:00:13
阅读次数：
150
css中float属性：float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。注释：假如在一行之上只有极少的...
分类：
Web程序 时间：
2015-12-03 11:40:35
阅读次数：
148
CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如果图像是右浮...
分类：
Web程序 时间：
2015-12-02 14:35:17
阅读次数：
121
IE6 margin 双倍边距现的条件：当浮动元素的浮动方向和浮动边界的方向一致时才会出现。例如元素向左浮动并且设置了左侧的外边距出现了这样的双边距bug。同理，元素向右浮动并且设置右边距也会出现同样的情况。ps：同一行如果有多个浮动元素，第一个浮动元素会出现这个双边距bug，其它的浮动元素则不会。...
分类：
其他好文 时间：
2015-11-22 21:44:52
阅读次数：
166
标准参考：根据 CSS2.1 规范中的描述，浮动元素将尽可能的向左或向右浮动，直到该元素的外边界碰到其包含块的边界或另一个浮动元素的外边界。换句话说，当浮动元素的包含块能够在横向完全容纳该元素时，该元素不会再继续撑大其包含块。问题描述：在 IE6 IE7 IE8(Q) 中，一个右浮动元素将尽可能的向...
分类：
其他好文 时间：
2015-11-15 20:29:48
阅读次数：
190
1.水平居中 1.1 margin:auto 把要居中的元素的margin-left和margin-right都设为auto，对浮动元素或绝对定位元素无效 1.2 text-align:center 只能对图片，按钮，文字等行内元素(display为inline或in...
分类：
Web程序 时间：
2015-11-09 22:13:02
阅读次数：
251
什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进...
分类：
其他好文 时间：
2015-11-09 19:02:45
阅读次数：
290
浮动元素脱离文档流，父元素也看不见它，围住浮动的3种方法：1.为父元素添加overflow：hidden，强制包围浮动。2.父元素也浮动。3.添加非浮动的清除元素，给父元素的最后添加一个非浮动的子元素，然后清除该子元素，例如给父元素添加一个类clearfix。.clearfix：after{cont...
分类：
其他好文 时间：
2015-11-06 12:50:30
阅读次数：
135
浮动的原理：1、浮动的元素脱离文档流，不占据正常的文档流的空间，原来被占据的空间，被仍然在文档流中的元素自动填补。2、浮动元素的定位，基于正常文档流。元素脱离文档流之后的规则：1、浮动元素失去了独占一整行的特征。2、浮动元素若是不设置宽高，其宽高都随内容而定。3、浮动会自动将内联元素转换为块元素（特...
分类：
Web程序 时间：
2015-11-03 19:13:57
阅读次数：
157
1 2 3 --> 父元素未设置高度和宽度的时候。那么它的高度就会塌缩为零，前提是它只包含浮动元素，解决高度塌陷的问题很简单，可以浮动父级元素、清除法等等，均可实现
分类：
其他好文 时间：
2015-11-01 13:55:36
阅读次数：
132
