一. 流、元素、基本尺寸
1.块级、内联
内外盒子:根据外在盒子是内联仍是块级,咱们能够把元素分为内联元素和块级元素。布局
display:block后不要再设置width:100%,会破坏流的自动性。it
2. 百分比布局
(1)百分比高度值想要起做用:
1. 父级必须有一个能够生效的高度值,auto值不行class
2.给子元素设置绝对定位。import
(2)百分比值计算的差别:
绝对定位的宽高百分比计算是至关于padding box计算的,非绝对定位的宽高百分比计算是至关于content box计算的object
3. max-width
max-width权重会覆盖width,且超越!important权重,但min-width会超越max-width的权重。im
4. 收起效果
可以使用max-height+overflow:hidden实现,设置初始max-height为0,点击时max-height为足够高的高度便可。di
二. 盒尺寸
1. 替换元素
根据是否具备可替换内容,能够把元素分为替换元素和非替换元素。默认适配方式为填充(object-fit: fill)ant