在响应式div元素上浮动强制最小宽度?

时间:2013-08-10 01:19:33

标签: html css responsive-design css-float width

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

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

不幸的是,它被强制为最小宽度(如果我移除浮动它很好)。

这就是花车做的事情,还是我在某个地方犯了错误?

的jsfiddle:

http://jsfiddle.net/bhY3H/

1 个答案:

答案 0 :(得分:0)

这是预期的行为 div是一个块元素,宽度为100%(如果没有应用css规则) 但是如果你浮动div,你正在修改它的原始流程,它会停止表现得像一个块,它需要根据其内容所需的宽度(或者由min指定的多少)宽度/最大宽度)。

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

编辑: 如果我正确理解了您要实现的目标,那么如果将width:100%添加到div样式会发生什么?

http://jsfiddle.net/gPTrT/1/