文章分类 -  CSS——布局属性

z-index
摘要：层叠上下文的创建 ①. 根层叠上下文 <html> ①. 根层叠上下文 <html> ②. 定位元素 1.position:relative/position:absolute 且 z-index 为具体值 2.position:fixed 且 z-index值不是auto FireFox/IE浏览 阅读全文
posted @ 2016-09-04 16:46 阿巴阿巴55996 阅读(142) 评论(0) 推荐(0)
absolute
摘要：效果 1.触发BFC 2.未声明 left, top 的情况下按默认的布局规则， 声明了后以最近的包含块的作为参考，从常规流移除 3.元素的大小由盒式模型的属性和 left, top 共同决定 （可参考盒式模型的文档） 4.为子元素创建包含块 5.创建层叠上下文 阅读全文
posted @ 2016-09-04 13:19 阿巴阿巴55996 阅读(120) 评论(0) 推荐(0)
'display'，'position'与'float'之间的关系
摘要：总结： 右侧两个分支绝对定位和float正是触发BFC的条件，触发BFC后元素会被格式化为块级元素 9.7 'display'，'position'与'float'之间的关系 这3个属性影响盒的生成及布局—'display'，'position'和'float' —间的相互影响如下： 如果'disp 阅读全文
posted @ 2016-09-04 13:12 阿巴阿巴55996 阅读(273) 评论(0) 推荐(0)