前端

br> 最小高度：min-height;
最小宽度：min-width;
最大高度：max-height;
最大宽度;max-width;
宽度自适应：默认宽度100%的元素 width：；单位为%
高度自适应：不写height：；（让内容撑起来）
height::单位为%（前提条件html,body{width:100%;height:100%;} )
浮动元素的高度塌陷：问题：
父级元素不给高度，子元素浮动，会造成父元素塌陷
解决问题：1、给父元素添加高度 缺点：不灵活
2、给父元素添加overflow:hidden;(触发一个bfc区域)
缺点：定位出的元素将会被隐藏
3、给浮动元素的最后面添加一个空标签（块级元素才可以）
空标签样式：width:0px; height:0px;
clear:left/right/both;
缺点：代码冗余
4、万能清除法：.name:after{content:"";display:block;
width:0px;height:0px;overflow:hidden;
visibility:hidden;clear:both;}
visibility:显示隐藏
hidden 隐藏
visible 显示
visibility和display的区别：1、都可以显示隐藏元素
2、visibility:hidden;占据文档流
display:none;脱离文档流
:after{content:"";}在…之后，伪装一个元素，可以添加样式
:before{content:"";}在…之前，伪装一个元素，可以添加样式
：first-letter{}针对第一个字设置样式，只应用块级元素
：first-line{}针对第一行字设置元素，只应用块级元素