摘要:
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 向左 阅读全文