CSS+HTML总结

1.width，min-width,max-wdth

设置width的方法有多种，px 百分比 em都可以设置width,若本文超过该元素的宽度则溢出。

min-width:元素的最小宽度，如果父元素的宽度大于该元素，正常情况下该元素继承父元素的百分百，如果父元素小于该元素的宽度，该元素会维持的自己的最小宽度，且在设置min-width的元素中，如果其文本长度超过该最小宽度的话，文本溢出最小宽度。

max-width:元素的最大宽度，如果文本长度超过该最大宽度，文本溢出。如果该元素的父元素超过该文本到的最大宽度，文本保持最大宽度，正常情况下，如果父元素的宽度小于该元素的最大宽度，该元素继承父元素的宽度。

 

2.height,min-height,max-height

设置height的方法有多种，列入px 百分比 em都可以设置height,若本文超过该元素的height则溢出。

min-height:元素的最小高度，父元素高度大于该元素的最小高度时，该元素保持自己的最小高度，若文本高于该元素的最小高度，该元素随之延伸高度，溢出父元素。父元素高度小于该元素的最小高度时，该元素保持自己的最小高度，随文本而延伸高度，溢出父元素。

max-height:若父元素的高度大于其最大高度，该元素的高度随文本最大延伸到最大高度，若小于父元素的高度，脱离父元素高度，最大延伸到最大高度。

所以min-height和max-height不管父元素的高度如何，都不会继承父元素的高度，而是随内部文本而撑高自己的高度。

当元素的高度设置100%的时候，则继承父元素的高度。