CSS DIV高宽比怎样设定

  CSS DIV高宽比不确定性怎样设定高宽比,是不是必须再加height:auto特性?
在CSS合理布局中,经常最表层的DIV小盒子不可以明确实际的height高宽比值,不确定性內容是不是可多可少而不可以明确父级小盒子到底设定多大。这时一般初学者喜爱设定个height:auto(高宽比响应式)款式。
这儿DIVCSS5能够告知大伙儿,一般最表层的DIV小盒子,或不确定性內容(子级)占有多大时,这时对于此事父级DIV不用设定height:auto,由于默认设置状况下一般标识例如(div、span、h1、p、h2等标识)默认设置高宽比值全是响应式(auto)。因此不用设定高宽比。
总结:一般状况下最表层、大小盒子、不知道道內容是多少而没法明确高宽比的该类相匹配款式也不必须设定高宽比,由于设定后,假如內容多了,会外溢、內容少了预埋空白页就多了。
何时必须设定高宽比?
1、最少部分。
一般较小的部分合理布局,必须设定高宽比固定不动其构造,这时必须设定实际高宽比。
2、必须限高
有时候合理布局上下构造要想上下构造两端对齐状况下,必须对DIV设定高宽比,一般状况下这时防止內容过多超过限定高宽比必须设定CSS掩藏外溢內容解决。

相关阅读