说明:为了便于理解和分析,此处我们全部使用块级元素div来进行说明。因为要将这个文档应用于博客,所以所有的样式写在style中。公众号不支持,博客样式支持不好,又重新上传了图片,替换了展示效果(泪目)。你们能懂用纯文本编辑器编辑了一天,发现不能用的心情嘛!(此图片来源于网络,如有侵权,请联系删除! )标题一二三不代表这些概念同级,仅仅代表本文提到的顺序。
关于盒式布局的定义和说明,请自行搜索了解,此处不做详细说明。我这里引入几个概念,是我自己理解所得,不权威,但有利于学习和理解。
一、块block
我把页面中宽度占满屏幕,高度任意的元素(或者区域)称为块。不管是盒式布局中常提到的上