div高度由其内部文档流元素的高度总和决定
特别核心的知识点
什么是文档流
文档内元素的流动方向
1.内联元素从左往右流动如果流动遇到阻碍就换行继续
2.块元素就不从左往右了，每一块都占一行，另起一行从上往下
一个
一个span如果有border，流的过程被截断 一截在上一截在下
如果英文单词很长，不会换行
image.png
element.style {
word-break} 单词可以被分开
div{
display：inline-block；}尽量用float布局
内联元素span的高度
文字的居中不是让两个字的中线居中，
.banner{
height:515px;
}
一旦把高度顶死，就有bug
让banner和nav重叠
1.相对于屏幕固定。脱离文档流
.topNavBar{
position:fixed;
top:0;
left:0;
}
脱离不脱离之影响一个，就是div的高度，body的高度
body的高度不会包含topnavbar，直接从banner开始算
image.png
脱离前后少了80px。topnavbar的高度
如果一个div是fix定位，那他的宽度就不会扩展
width100%也会出现问题，
