2019-02-23css布局定位

div高度由其内部文档流元素的高度总和决定
特别核心的知识点
什么是文档流
文档内元素的流动方向
1.内联元素从左往右流动如果流动遇到阻碍就换行继续
2.块元素就不从左往右了，每一块都占一行，另起一行从上往下

一个

一个span如果有border，流的过程被截断 一截在上一截在下

如果英文单词很长，不会换行

image.png

element.style {
word-break} 单词可以被分开

3.

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%也会出现问题，