摘要：此文根据Chris Coyier的《A Complete Guide to the Table Element》所译，整个译文带有我自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。一个非常基础的例子下面是一个非常简单的表格数据例子：这是一个跨多轴的数据。想象下，通过你得手指划过某一行来了解某个人的相关信息。或者从上至下来感受某个数据点的模式和变化。表头和表体上面这个基础例子中我们没有做的一件事是没有语义地指出第一行是该表格的头部。我们本应该这么做。整个第一行的部分没有包含数据，它只是每个列的标题。因此，我们可以元素来完成这件事情，它会包裹第一个元素(它会包裹所有的行所需要的头部信息) 阅读全文

摘要：display:inline-block;在各浏览器下的问题和终极兼容办法一、IE 5.5、6、7 、8（Q）中display:inline-block;失效兼容办法：IE 5.5、6、7 、8（Q）中 block 元素对 inline-block 支持不完整，如果要达到类似的效果，需要先设置为 display:inline，然后使用zoom:1 等触发 hasLayout。 IE 5.5、6、7 、8（Q）中 inline 元素欲达到 inline-block 的效果只需直接设置此属性值或使用 zoom:1 等均可。二、现代浏览器中 inline 和 block 元素 display:inl 阅读全文

摘要：float是什么？float即为浮动，在html中的作用是使元素脱离正常的文档流并使其移动到其父元素的“最左边”或“最右边”。下面解释下这个定义中的几个名词的概念：文档流：在html中文档流即为元素从上至下排列的顺序。脱离文档流：元素从正常的排列顺序被抽离。最左边/最右边：上述的移动到父元素最左和最右是指元素往左或往右移动直到碰到另一个浮动元素或父元素内容区的边界（不包括padding）。float造成的影响对其父元素的影响对于其父元素来说，元素浮动之后，它脱离正常文档流，所以它也无法撑开其父元素，造成父元素的塌陷，效果如下图所示。 1 //CSS 2 #wrapper { 3 p... 阅读全文