摘要：
前言 水平居中可以简单使用以下两种方式： margin:0 auto； text-align:center； 故重点讨论垂直居中 1.（一行文字）设置行高等于父元素高度 line-height: 200px; //设置行高等于父元素高度 2.（多行文字）verticle-align:middle + 阅读全文
posted @ 2022-10-24 22:43
badpear
阅读(103)
评论(0)
推荐(0)
摘要：
#圣杯布局 ##float实现 body <body> <div class="header">header</div> <div class="container"> <div class="middle">middle</div> <div class="left">left</div> <di 阅读全文
posted @ 2022-10-24 20:47
badpear
阅读(54)
评论(0)
推荐(0)
摘要：
三栏布局： 如果不考虑高度，即用内容填充高度的话，是可以用inline-block和calc（）实现布局的。但适用性差。 float和position的兼容性好，但float会用到calc属性影响兼容性。 calc和flex的兼容性都有一定问题。 grid是未来的发展趋势~~所以兼容性拉跨也很合理吧 阅读全文
posted @ 2022-10-24 19:22
badpear
阅读(75)
评论(0)
推荐(0)
摘要：
ps.图片来源CSDN用户sq-web的博客，感谢 CAN I USE 兼容性查询 阅读全文
posted @ 2022-10-24 17:34
badpear
阅读(8)
评论(0)
推荐(0)
摘要：
为什么<body>设置的背景色能传递到整个<html>？ 浏览器会默认取根元素，即<html>的背景作为背景。 但当<html>未设置背景色时，body若设置了背景色会被传递到外部。 高度的初始化？ 块元素的宽度的宽度默认为父元素的宽度。<html>的宽度默认为100%。 但高度不同，默认的高度是由 阅读全文
posted @ 2022-10-24 16:19
badpear
阅读(75)
评论(0)
推荐(0)
浙公网安备 33010602011771号