之前我的假设是width: auto宽度设置为内容的宽度。现在我看到它占据了父级的整个宽度。
谁能描述一下它们之间的区别吗？
宽度自动
像 div 或 p 这样的块级元素的初始宽度是 auto。这使得它扩展以占据其包含块内的所有可用水平空间。如果它有任何水平填充或边框，它们的宽度不会添加到元素的总宽度中。
宽度100%
另一方面，如果指定 width:100%，则元素的总宽度将是其包含块的 100% 加上任何水平边距、内边距和边框（除非您使用了 box-sizing:border-box，在这种情况下仅将边距添加到 100% 以更改其总宽度的计算方式）。这可能是您想要的，但很可能不是。
要直观地看到差异，请看这张图：
Source http://www.456bereastreet.com/archive/201112/the_difference_between_widthauto_and_width100/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
