具有百分比宽度的html元素需要具有其内部静态内容的最小宽度

具有百分比宽度的html元素需要具有其内部静态内容的最小宽度

您好，我正在尝试创建一个流体/响应性布局。有没有办法强制具有一定宽度的html元素具有其内部内容的最小宽度？也就是说，如果它的内部内容有某种静态宽度，比如200px

下面是一个例子：

如果在IE9中将其设置为“怪癖”模式并调整窗口的大小，则其行为与我所希望的完全相同。（注意当屏幕向内调整时，右侧的第二个div如何在左侧的第一个div下弹出）

如果将文档设置回IE9标准模式，然后向内调整大小，您将看到外部红色边框的div不尊重其内部内容（黄色框）。我只是继续缩小，超出了它的界限。

---

有没有办法让它像在怪癖模式下那样工作？（没有JavaScript）

我想你想要的是

minwidth

CSS属性。Set

.item{minwidth:200px；}

谢谢，我最终找到了一个非常特定的css/html组合，它给了我想要的行为。适用于所有主要浏览器，包括ie7到IE9

基本上，在一行左浮动元素中，如果您给第一个元素一个最小宽度%设置，而给其余元素一个最小宽度%+宽度%的组合。。。当浏览器窗口收缩时，您将获得一个流体布局，该布局强制图元放置在其同级图元下

下面是一个工作示例，请尝试调整浏览器的大小。

---

对于我来说，只有最右边的元素会下降，中间的列最终会离开屏幕，并且不会显示滚动条。火狐5。