关于CSS3中的min-height等的使用

一、min-height

    当我们需要让某个容器不能低于某个高度,但是不能将高度固定在这个高度,希望其能够随着容器内内容的增多而变高时,我们可以对容器设置一个min-height来让该容器获得该特性。(通俗来讲,当容器内容高度已经超过最小高度时,容器就会随着内容的高度变化而变化)

    注意点:1.min-height属性不能为负值 2.最小高度不包括容器边框、外边距、填充。(最小高度是会包括内边距的,这意味着当上下内边距与内容高度之和大于最小高度时,容器会被撑大)

二、max-height

    该属性与min-height类似,当内容小于最大高度时,容器高度会随内容的减少而进行压缩,而内容大于最大高度时,容器不会随着内容的增多而变大,而内容会直接溢出容器

    注意点:1.max--height属性不能为负值 2.最大高度不包括外边距、内边距、边框。

 

最大宽度与最小高度与上述两者相似

 

    

posted @ 2022-09-17 20:34  不愿意学习的白痴  Views(175)  Comments(0Edit  收藏  举报