没有设置定位值的absolute元素是个普通又不普通的元素，普通之处在于其依旧在DOM tree中，对margin等属性敏感；不普通在于其实际的高宽都丢失了。这非常类似于浮动(float)，浮动的本质就是“包裹与破坏”，破坏高度，浮动元素的实际占据高度为0；而absolute元素（无定位值）也是“包...
分类：
其他好文 时间：
2015-04-21 22:01:59
阅读次数：
205
一直clear:both;清除浮动，听完课才知道这在IE6下有问题。现在推荐使用方法6清浮动方法1、给父级加浮动 --问题margin:0 auto;失效2、给父级加display:inline-block; --问题 magin:0 auto;失效3、浮动元素下加 .clear{height...
分类：
其他好文 时间：
2015-04-21 20:19:13
阅读次数：
167
实现一个三列布局 左右固定 中间mainDIV 根据窗体大小而改变 这种写法对HTML的顺序有要求 两个浮动的元素要写在非浮动元素前面 圣...
分类：
其他好文 时间：
2015-04-20 00:13:09
阅读次数：
132
浮动的特点浮动（float）属性提出的作用是实现文字的环绕效果，一个元素浮动后，会脱离普通流。主要的特点如下：浮动的元素会向左或者向右移动直到它的外边缘接触容器框（containing block）的边缘或者另外一个浮动元素的外边缘，因此浮动元素是不会浮动到中间的。如果没有足够的水平空间让浮动元素占...
分类：
Web程序 时间：
2015-04-19 17:35:19
阅读次数：
174
三种情况注：先声明ie7下有个变态的bug，就是浮动元素的margin-bottom不能正确解析已经闭合浮动的父元素的高度（使用clearfix或者 overflow等方法闭合浮动），而ie6是好的，所以可以按照设计灵活使用margin-top或者给父元素针对ie7打padding- bottom的...
分类：
Web程序 时间：
2015-04-18 15:53:32
阅读次数：
161
千里之行始于足下今天看到一个题目说如何居中一个float:left的元素的题目，我蛮以为用margin:0 auto 就可以解决了。然而，试验之后，发现事实并非如此，才发现自己对于这方面的知识竟是相当忙乱！于是撇下手头事务，翻书查资料温习了这部分‘简单’的内容。并总结如下。一、清理浮动的三种方法。当...
分类：
其他好文 时间：
2015-04-16 14:10:55
阅读次数：
122
文档流（Documentflow）:浮动元素会脱离文档流，并使得周围元素环绕这个元素。而inline-block元素仍在文档流内。因此设置inline-block不需要清除浮动。当然，周围元素不会环绕这个元素，你也不可能通过清除inline-block就让一个元素跑到下面去。水平位置（Horizon...
分类：
其他好文 时间：
2015-04-12 19:17:32
阅读次数：
190
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。代码如下： ...
分类：
Web程序 时间：
2015-04-11 20:41:56
阅读次数：
212
文档流将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。每个非浮动块级元素都独占一行， 浮动元素则按规定浮在行的一端。 若当前行容不下， 则另起新行再浮动。内联元素也不会独占一行。 几乎所有元素(包括块级，内联和列表元素）均可生成子行， 用于摆放子元素。有三种情况将使得元素...
分类：
Web程序 时间：
2015-04-09 10:12:44
阅读次数：
149
原文:CSS设计指南之浮动与清除浮动意思就是把元素从常规文档流中拿出来，浮动元素脱离了常规文档流之后，原来紧跟在其后的元素就会在空间允许的情况下，向上提升到与浮动元素平起平坐。 一.浮动 CSS设计float属性的主要目的，是为了实现文本绕排图片的效果。然而，这个属性也成为了创建多栏布局最简单的方式...
分类：
Web程序 时间：
2015-04-07 09:39:26
阅读次数：
129
