摘要: 1. 父元素固定宽高,利用定位及设置子元素 margin 值为自身的一半。 2. 父元素固定宽高,子元素设置 position: absolute,margin:auto 平均分配margin 3. css3 属性 transform。子元素设置 position: absolute; left: 阅读全文
posted @ 2022-05-30 11:01 RHCHIK 阅读(484) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-05-30 10:55 RHCHIK 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 固定定位 fixed: 元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会移动。Fixed 定位使元素的位置与文档流无关,因此不占据空间。 Fixed 定位的元素和其他元素重叠。 相对定位 relative: 如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或 阅读全文
posted @ 2022-05-30 10:49 RHCHIK 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 双边距重叠问题(外边距折叠): 多个相邻(兄弟或者父子关系)普通流的块元素垂直方向 marigin 会重叠折叠的结果为:两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。两个外边距一正一负时,折叠结果是两者的相加的和。 阅读全文
posted @ 2022-05-30 10:44 RHCHIK 阅读(44) 评论(0) 推荐(0) 编辑
摘要: //(1)margin:auto 法 css: div{ width: 400px; height: 400px; position: relative; border: 1px solid #465468; } img{ position: absolute; margin: auto; top: 阅读全文
posted @ 2022-05-30 10:40 RHCHIK 阅读(62) 评论(0) 推荐(0) 编辑