css 宽度与高度

文档流（normal flow）
div竖着排，内联元素横着排

块级元素div的宽高：
未设置宽高时

• 宽：div的宽度不是由内联元素决定的

• 高：如果里面的子元素是一个内联元素，那么div的高度=内联元素的行高；如果内联元素设置上下padding，div的高度依然=内联元素的行高，padding的部分会跑到div外面去。

  如果内联元素足够多，则内联元素会自动换行。
  如果里面的元素是块级元素，则为块级元素的高+padding+border+margin

  但是要注意margin合并的问题（如果父元素什么都没有设置：子元素设置上下margin会和父元素合并，解决办法：给父元素设置上下padding/border 等 ，还可以设置overflow：hidden；但是不建议）。

内联元素的宽高：
宽度：受margin和padding影响
高度：由行高决定，不受margin和padding的影响

字体高度=字体大小*设计师建议行高，想要高度确定，可以自己设置行高（行高建议不要小于字体大小）

div{padding-top：100%；}———— 一个屏幕自适应的正方形div，padding-top：100%——>是屏幕的宽度（前提父元素是body）

多行文本溢出变省略号：谷歌搜 css muti-line text ellipsis

一行文本溢出变省略号.png 多行文本溢出变省略号.png

ps：
脱离文档流3种方式：
float
position：absolute
position：fixed

position：relative；不会脱离文档流

&nbsp； no break space 空格

字与字之间是基线对齐