admin 管理员组

文章数量: 1087139


2024年4月18日发(作者：不为人知的网络编程)

width属性的合法值100rem

1、width：100%；百分比，设定对象宽度占父元素100%，最外层div的父元素就

是body元素，经测试，该div假如没有设置了高度，宽度，那就会继承body元素的高

度和宽度，注意body元素默认高度是没有的，即0；默认宽度是页面的宽度，可以加border

边框进行测试。

---100%是根据父级元素的高度宽度来决定的，例如父元素浏览器窗口变小了(即

body元素变小了)，那么body下的div元素也会变小。因为是百分比，假如body宽度

为1000px，那么10%就是100px，假如body宽度为100px，那么10%就是10px。

2、width：50px；绝对数值

3、width：auto；和不设置width属性一样，auto元素是缺省的宽度，所以两者效

果一样。根据对象实际大小自适应宽度。auto元素受子元素撑开影响(即随内容的宽度高

度而变化)。

4、使用场合，针对元素A

(1)A是容器，希望A把它的父容器充满，就是100%。

(2)A是容器，希望A根据容纳的元素大小变换自己的大小，用auto。

(3)A不是容器，宽度不知，需要显示完全，用auto。

(4)A不是容器，宽度不知，可能大于所有容器宽度，希望填满，用100%。

5、存在即为合理，各有用途，或许眼前没用到，不等于它没用。

6、重点：div高度宽度设置为百分比100%和auto的区别？


本文标签： 宽度 元素 高度 容器 网络

版权声明：本文标题：width属性的合法值100rem 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1713455627a635585.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。