在文档流中,父元素高度会被子元素的高度撑开,但若子元素浮动脱离文档流,就会导致父元素塌陷。
子元素浮动前:
1 | <head> |
子元素浮动后:
1 | <head> |
以下记录三种高度塌陷的解决方法,实用性由低到高:
方法一:
1 | <head> |
方法二:
1 | <head> |
方法三:
1 | <head> |
以上方法中,方法二为W3C推荐写法,但方法二会在html页面原有布局中增加一个div,并不一定是最好的解决办法。而方法三完全在css解决,我认为才是最合适的解决办法。
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia-plus根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true