width & height
1.1、width & height

width属性是设置元素的宽度。设置为display:inline的元素,宽度即使设置了也不起作用。

height属性是设置元素的高度。设置为display:inline的元素,高度即使设置了也不起作用。

请参考display属性。

widthheight取值有如下四类:

  • length
    length是带单位的数字,比如50px。如果取值是0,可以省略单位。
  • percent
    percent是带%的数字,比如50%。如果取值是0,可以省略%
  • auto
    如果取值是auto,表示看它的内容,内容有多大就多大。
  • inherit
    inherit是继承的意思。如果取值是inherit,表示看它与它的父容器用一样大。

在CSS里面,凡是与尺寸相关的属性,通常都会有这四类取值。

示例:

.panel-body > .btn {
    width : 50%;
    height: 50px;
}

.sliding-menu {
    width : 0;
    //other css properties
}

a {
    width : auto;
    height: inherit;
}
1.2、min-width & min-height
1.3、max-width & max-height