2022年5月12日
粘滞定位
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>粘滞定位</title> <style> ul { height: 200px; width: 200px; background-color: #bfa; o 阅读全文
posted @ 2022-05-12 15:55 氯丙嗪 阅读(21) 评论(0) 推荐(0)
固定定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>固定定位</title> <style type="text/css"> .box1{ width: 200px; height: 200px; background-color: 阅读全文
posted @ 2022-05-12 15:53 氯丙嗪 阅读(29) 评论(0) 推荐(0)
绝对定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>绝对定位</title> <style> .box1{ width: 200px; height: 200px; background-color: #bfa; position: 阅读全文
posted @ 2022-05-12 11:21 氯丙嗪 阅读(41) 评论(0) 推荐(0)
定位/相对定位
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>定位/相对定位</title> <style type="text/css"> /* 定位 通过定位可以将元素摆放到页面中的任意位置 使用position属性来设置元素的定位 可选 阅读全文
posted @ 2022-05-12 10:41 氯丙嗪 阅读(31) 评论(0) 推荐(0)
高度塌陷和外边距折叠的完美解决代码
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>高度塌陷和外边距折叠的完美解决代码</title> <style> .box1{ border: 1px red solid; } .box2{ width: 200px; hei 阅读全文
posted @ 2022-05-12 10:13 氯丙嗪 阅读(14) 评论(0) 推荐(0)
clear
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>clear</title> <style> .box1{ width: 100px; height: 100px; background-color: #bfa; float: l 阅读全文
posted @ 2022-05-12 09:45 氯丙嗪 阅读(41) 评论(0) 推荐(0)
高度塌陷（开启BFC）
摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>高度塌陷</title> <style type="text/css"> .box { border: 1px solid red; /* BFC无法直接开启，需要通过一些属性来开 阅读全文
posted @ 2022-05-12 08:56 氯丙嗪 阅读(67) 评论(0) 推荐(0)