摘要: BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block level box(块)参与, 它规定了内部的Block level Box如何布局,并且与这个区域外部毫不相干。 一 BFC的布局规则 1.1 BFC触发条件 1. 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(255) 评论(0) 推荐(0) 编辑
摘要: BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。 一... 阅读全文
posted @ 2020-04-08 14:36 Cupid05 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。自适应的优点: 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。 宽度自适... 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 宽高自适应 宽度自适应 高度自适应 最小高度的自适应 高度塌陷 高度塌陷的解决方法 visibility:hidden 伪对象选择符 阅读全文
posted @ 2020-04-08 08:59 Cupid05 阅读(99) 评论(0) 推荐(0) 编辑
摘要: css定位 定位模式:在css中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;} position属性值有5种,分别是静态定位,相对定位,绝对定位,固定定位和粘性定位 | 属性值 | 描述 | | | | | static(静态定位) | 正常显 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(127) 评论(0) 推荐(0) 编辑
摘要: css定位 定位模式:在css中,position属性用于定义元素的定位模式,其基本语法格式如下:选择器{position:属性值;} position属性值有5种,分别是静态定位,相对定位,绝对定位,固定定位和粘性定位 属性值描述static(静态... 阅读全文
posted @ 2020-04-08 08:20 Cupid05 阅读(34) 评论(0) 推荐(0) 编辑