Float：left和Float：右边是min-width

Question

在包含两个div的div中使用min-width: 156px;，一个float: left和另一个float: right，min-width变为100％。怎么解决？

Answer 1

我不确定你明白min-width的作用。它设置元素的最小宽度，例如“这个<div>必须至少156px宽，但可能更多”。

默认情况下，<div>会展开以占用所有可用空间，因此在min-width: 156px上声明<div>可能不会影响它。

min-width:156px似乎适用于（至少在Chrome中），当应用于<div>时，左浮动和右浮动。参见：

• http://jsfiddle.net/b8jY5/1/

祖父母<div>有width: 50px，但父<div> min-width:156px仍有156像素宽。

Answer 2

默认情况下，

div元素的宽度为100%。我认为如果要调整宽度，则必须使用宽度或max-width，而不是min-width。

Answer 3

我不知道你为什么这样做。但是，您可以通过为display: inline-block;外部div提供解决方案。