CSS 宽高 width height

2017/8/6 12:47:36admin2 阅读0 点赞2 评论

css width 和 height 属性设置对象的宽高度

语法:


height : auto | length
width : auto | length

参数:
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父对象的高度。不可为负数。

说明:

检索或设置对象的高度或者宽度。
对于img对象来说,仅指定此属性,其width值将根据图片源尺寸等比例缩放。
对应的脚本特性为height或者width。其值为一字符串,所以不可用于脚本(Scripts)中的计算。请使用style对象的posHeight,pixelHeight,以及对象的offsetHeight或者posWidth,pixelWidth,以及对象的offsetWidth等特性。
对应的脚本特性为 height 。

示例:



        div { width: 100px; } 
        div { position:absolute; top:-3px; width:6px; } 

        div { height: 60px; } 
        div { position:absolute; top:-3px; height:6px; }

定义和用法

height 属性设置元素的高度。
width 属性设置元素的宽度。

说明

这个属性定义元素内容区的高度,在内容区外面可以增加内边距、边框和外边距。

行内非替换元素会忽略这个属性。

默认值: auto
继承性: no
版本: CSS1

可能的值

描述
auto 默认。浏览器会计算出实际的高度。
length 使用 px、cm 等单位定义高度。
% 基于包含它的块级对象的百分比高度。
inherit 规定应该从父元素继承 height 属性的值。

注:所有主流浏览器都支持 height 和 width 属性。

评论区

  • themebetter#1
    themebetter2017/8/7 11:38:39

    模板挺不错。

    WindowsChrome

    • xiaomo#1
      xiaomo2017/8/7 19:34:43
      @themebetter

      哈哈,这都是作者的功劳 [微笑]

      WindowsFirefox