要注意区分 width:100% 与 width:auto (默认) 的区别

所谓流动性 (width:auto;), 并不是看上去的宽度100% (width:100%) 这么简单, 而是一种margin/border/padding和content内容区域自动分配自动分配水平空间的机制

width:100% 是指让 content内容的宽度等于容器的宽度,在外边距、边框宽度、内边距都为0的情况下,不会出现问题; 否则会导致超出容器限制。

所以要学会利用 width:auto; (默认) 充分利用可用空间以保持流动性