css width宽度样式属性

html布局css样式width宽度样式属性认识。css width值有哪些介绍。

html网页布局时候,设置宽度是必用到的,使用css样式属性为width。

width值:

width:auto —— 设置对象宽度自适应自动,假如一个对象被统一设置宽度一定值,但布局时候其中一个对象宽度为不限制时候,就对此对象单独设置个自动值即可。

width:200px —— 设置对象固定200px(像素)宽度

width:80% —— 设置对象百分百值,相当于父级(上一级)宽度80%,常使用自适应宽度时候使用。

当然有时候对象不设置宽度,默认情况下宽度为自适应100%宽度值或auto值。

css width宽度案例:

p{ width:80%}
p.abc{ width:auto}
.w300{ width:300px}

设置解释:


完整width示范实例

p{ width:80%} :统一设置html p标签对象宽度为80%
p.abc{ width:auto} :本身p默认被css width设置80%宽度,但是class=abc设置个auto值,这样p设置class=abc的宽度不再是80%而是auto自适应相当于100%宽度了。
.w300{ width:300px}:设置class=w300对象固定宽度为300px

宽度大布局、小布局均会用到,而宽度有时候需要计算好,避免宽度过宽后布局错位。

更新