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