html - Float: left 和 Float: right with min-width

Question

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

Answer 1

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

默认情况下，<div>s 将扩展以占用所有可用空间，因此仅声明min-width: 156pxa<div>可能不会影响它。

并且在应用于其中带有左浮动和右浮动的 amin-width:156px时似乎可以工作（至少在 Chrome 中） 。<div>看：

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

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

Answer 2

div元素100%默认有宽度。我认为你必须使用宽度或者max-width如果你想调整它的宽度，而不是min-width.

Answer 3

我不知道你为什么这样做。但是你可以通过给予display: inline-block;外部来解决它div。