摘要：
CSS的定位即position属性的值有4种：static,relative,absolute,fixed。static是默认值，元素位于文档流中，正常显示，忽略元素的top,bottom,left,right属性。需要注意的一点是z-index属性在这个定位方式下始终为0.如果其他定位方式的漂浮元素要位于static定位的内容之下，必须使用负数的z-index属性才行。relative是保留元素在文档流中占用的位置和尺寸，元素在static模式的位置下为起点由top,left几个属性确定相对移动的距离。absolute模式文档流中不再给元素保留空间，元素相对于网页的左上角定位。fixed和a 阅读全文
摘要：
table中的td元素相比其他元素有很多限制，这里记录几点笔者尝试过的情况：td的padding属性有效，但是margin属性无效，被table的border-spaceingq设置的宽度和高度替代。collapse可以使表格元素间的边框塌陷成单边框，border-spacing为0会出现宽度是边框宽度2倍的边框，并不能合并边框。position属性对td无效。float属性对td有效，会让每行的列不再对齐，而是根据内容宽度动态变化。并且格子之间的水平间距不再受table的border-spacing控制而受到margin控制。table-layout属性设置单元格的宽度是根据内容自动计算（a 阅读全文
摘要：
欢迎来到比特魔典关于浮动的基础知识，这里先引用w3school的一段介绍，在此基础上我会添加一些注记和补充：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。CSS 浮动请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：再请看下图，当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边缘碰到包含框的左边缘。因为它不再处于文档流中，所以它不占据空间，实际上覆盖住了框 2，使框 2 从视图中消失。如果把所有三个框都向左移动，那么框 1 向左 阅读全文