浮动强制响应 div 元素的最小宽度？

【问题标题】：Float forcing min-width on responsive div elements?浮动强制响应 div 元素的最小宽度？
【发布时间】：2013-08-12 00:56:34
【问题描述】：

您好，我有一个带有以下 CSS 的 div

{background: purple; max-width: 800px; min-width: 300px; height: 200px; float: left;}

不幸的是，它被强制最小宽度（如果我删除浮动它很好）。

这只是浮动的作用，还是我在某处犯了错误？

JSFiddle：

【问题讨论】：

【解决方案1】：

这是预期的行为。
div 是一个块元素，占 100% 的宽度（如果没有应用 css 规则）。
但是如果您浮动 div，您正在修改其原始流程，它会停止表现得像一个块，它根据其内容占用所需的宽度（或由 min-width/max-width 指定的宽度）。

所以，不，你没有做错任何事。

编辑：如果我正确理解您想要实现的目标，如果您将 width:100% 添加到您的 div 样式中会发生什么？

【讨论】：