CSS怎么把元素宽度设置为100%？元素宽度设置思路

CSS 用 width 属性指定元素宽度，要设置 100% 就把 width 值设为 100%。本文用问答对话形式，讲清 CSS 元素宽度 100% 的设置方法。

问： 我想让网页元素宽度撑满父容器，用 CSS 怎么设置？

答： 可以，用 width 属性指定元素宽度，把值设置为 100% 就能让元素宽度占满父容器。width 属性就是用来指定元素宽度的。

问： 具体怎么理解？

答： 思路是：把元素的 width 值设为 100%，元素就会按父容器宽度显示。可以通过行内样式（在元素标签里直接写）或外部样式表（在 CSS 里定义类）两种方式设置。

问： 要注意什么？

答： 一是 100% 是相对父容器的，父容器宽度要正常；二是注意边框、内边距可能撑破 100%（可用盒模型处理）；三是改完在浏览器实测。