CSS-width 属性

100人浏览 2024-09-05 08:33:11

属性定义及使用说明

width属性设置元素的宽度。

注意： width属性不包括填充，边框和页边距！

默认值： auto
继承： no
版本： CSS1
JavaScript 语法：object.style.width="50px"

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

百分比：

.p img{width:100%}

百分比平分，将三个<li>平均分配

width：calc( 100% / n - ?px)

注：n 平分几份除以几；？px 为一个标签的外表距（也可用百分比）

实际效果

最大宽度：max-width

最小宽度：min-width