(X)HTML+CSS 验证警告答案

【问题标题】：(X)HTML+CSS Validation warnings(X)HTML+CSS 验证警告
【发布时间】：2009-10-09 11:10:10
【问题描述】：

我尝试通过我的 css 验证，但仍然有一些警告，如下所示：

在 (x)HTML+CSS 中，浮动元素需要声明一个宽度。只有具有固有宽度的元素（html、img、input、textarea、select 或 object）不受影响

事实上，我不太明白它是什么意思。谁能解释一下？

【问题讨论】：

【解决方案1】：

这只是意味着如果你在一个没有固有宽度的元素上设置 float 属性，你还需要设置 width 属性。

编辑：此外，the W3C standard 已经取消了该要求。在我看来，您使用的验证引擎可能已经过时了。

【讨论】：

【解决方案2】：

这意味着如果你想在一个元素上应用 float: 属性，你还必须对同一个元素应用 width: 属性

【讨论】：

【解决方案3】：

为没有声明或内置宽度（固有）的元素添加宽度的原因是，浮动元素随后会扩展为父元素的全宽，而您会失去通过浮动它获得的东西。

【讨论】：

【解决方案4】：

从某种意义上说，这不是验证错误，不像您输入“funt”而不是“font”或忘记关闭括号。它只是告诉你你的 CSS 并没有真正的意义。

如果某个东西无论如何都要占据容器宽度的 100%，就像块元素默认做的那样，那么浮动的意义何在？

【讨论】：