[摘要]这次给大家带来CSS布局之盒子模型属性,CSS布局的盒子模型属性的注意事项有哪些,下面就是实战案例,一起来看一下。宽高width/height 在CSS中,可以对任何块级元素设置显式高度。 如果...
这次给大家带来CSS布局之盒子模型属性,CSS布局的盒子模型属性的注意事项有哪些,下面就是实战案例,一起来看一下。
宽高width/height
在CSS中,可以对任何块级元素设置显式高度。
如果指定高度大于显示内容所需高度,多余的高度会产生一个视觉效果,就好像有额外的内边距一样;
如果指定高度小于显示内容所需高度,取决于overflow属性,需要滚动条需要设置为overflow:auto。
auto
宽高和margin可以设置auto。对于块级元素来说,宽度设置为auto,则会尽可能的宽。详细来说,元素宽度=包含块宽度—元素水平外边距-元素水平边距宽度-元素水平内边距;
高度设置为auto,则会尽可能的窄。详细来说,元素高度=恰好足以包含其内联内容的高度
[注意]如果没有显式声明包含块的height,则元素的百分数高度会重置为auto
【最大最小宽高】
min-width
关键词:CSS布局之盒子模型属性