摘要: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QQ会员导航栏</title> <link rel="stylesheet" href="../css/025.css"> </head> <body> <div id=" 阅读全文
posted @ 2021-08-14 23:33 李林林 阅读(16) 评论(0) 推荐(0) 编辑
摘要: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>z-index</title> <link rel="stylesheet" href="./024.css"> </head> <body> <div 阅读全文
posted @ 2021-08-14 14:02 李林林 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 一.知识点 定位:基于XXX定位,上下左右~ 没有父级元素的情况下,相对于浏览器定位 假设父级元素存在定位,我们通常会相对于父级元素进行偏移 在父级元素范围内移动 相对于父级或者浏览器的位置,进行指定的偏移,绝对位置的话,它不在标准文档流之中,原来的位置不会被保留 二.代码 <!DOCTYPE ht 阅读全文
posted @ 2021-08-14 13:08 李林林 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 一.知识点 相对定位:position:relative; 相对于原来的位置,进行指定的迁移,相对定位的话,它仍然在标准文档流之中,原来位置会被保留 二.代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>相对定位</titl 阅读全文
posted @ 2021-08-14 13:04 李林林 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>解决父级元素塌陷的问题</title> <link rel="stylesheet" href="../css/020.css"> </head> <body> <div 阅读全文
posted @ 2021-08-14 12:22 李林林 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 解决方案: 1、增加父级元素的高度 #father{ border: 1px #000 soild; height:500px; } 2、增加一个空的div标签,清除浮动 <div class="clear"></div> .clear{ clear:both; margin: 0; padding 阅读全文
posted @ 2021-08-14 12:18 李林林 阅读(51) 评论(0) 推荐(0) 编辑