有点忙里偷闲了。正好看到了css3里面width/height的自适应关键字，就学习了下（下面的例子基本是以width为例，百分比亚，数值这些要我再写一遍就过分了）
-
fill-available
撑满可用高度，
当当前元素的display为inline-block的时候，可将元素的大小设置为可用的宽度；
当当前元素的dispaly为block的时候，你就当他不存在吧
-
fit-content
自适应自身的宽度，
当当前元素的dispaly为block的时候，可将元素设置为可用的宽度；
当当前元素的dispay为inline-block的时候，你就当他不存在吧
-
max-content
内容的首选宽度（最大宽度的元素或当有文本的时候，则默认为不换行）
比如：有两个div，则默认会选择最大的那个div的最小值，请看示例中的div5
-
min-content
内容的最小宽度（最小宽度的元素或者当有文本的时候，会尽量拆散他）
如：有三个div，则会默认选择最小的那个的div的最大值。请看示例中的div6
其实吧。MDN的解释个人觉得很好了，大家可以百忙去看下，height的也差不多。但是兼容性！！！！！！！
相关：
扫一扫
198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
