摘要:
元素被绝对定位,那么元素将会脱离正常流(normal flow),并依据包含块来定位。包含块的概念及其判定可以看这里。 在负margin的应用一文中,我们提到了一个对于任意一个块元素所形成的框的尺寸的计算公式: BoxWidth = MarginLeft + BorderLeftWidth + Pa 阅读全文
摘要:
包含块简介在 CSS2.1 中,很多框的定位和尺寸的计算,都取决于一个矩形的边界,这个矩形,被称作是包含块( containing block )。 一般来说,(元素)生成的框会扮演它子孙元素包含块的角色;我们称之为:一个(元素的)框为它的子孙节点建造了包含块。包含块是一个相对的概念。 ... 阅读全文
摘要:
一个元素如果被设置为display:inline-block,那么这个元素将表现为行内块的性质。被设为行内块的元素对内(子元素)表现为块级框,具体为可以设置高度宽度,可以设置垂直margin和padding等;对兄弟元素则表现为行内框,具体表现为相邻行内块可在同一行显示,而且有着行内元素的特点,就是... 阅读全文
摘要:
利用table-cell可以实现宽度自适应布局。table-cell有一些比较好用的属性,比如垂直居中,自适应高度宽度等,为元素设置table-cell布局之后,元素的margin失效,padding有效,而且一旦元素设置了float或者absolute,则table-cell也会失效。table-... 阅读全文
摘要:
在IE6下PNG透明图片做背景,无法使用background-position进行定位。但是可以使用margin和绝对定位来进行。另外,由于IE6下的 :hover 只对支持,对其他元素都不起作用,所以需要对IE6单独打补丁。可以使用微软提供的csshover.htc文件进行修复。 ... 阅读全文