0

我正在尝试并排对齐 2 个流体 div，这是一个预览http://jsfiddle.net/238ha/ 现在的样子。我想要做的是有两个 div

这是当前代码

.images {
  border: 1px solid red;
  position:absolute;
  top:40px;
  left:0px;
  float:left;
  width: 25%;
  min-width: 305px;
  height: 95%;
}
.content {
  border: 1px solid blue;
  position:absolute;
  top:40px;
  left: 25%;
  width:70%;
  min-width: 60%;
  height: 95%;
}

这是我想要完成的

图片：占屏幕的 25%

内容：占屏幕的 75%

然而，当用户调整他们的屏幕大小时，div 会变大，但它们可以变小是有限度的。我读过关于 flexboxes 的文章，我认为它们可能会工作，但它们仍然不能很好地支持它们，而且我无法成功使用“flex-flow:row”。我也在网站上使用了很多引导程序，所以如果你知道如何做到这一点，那么引导程序会更好。感谢您的帮助。

4

2 回答 2

1

你可能会想看看响应式设计。对超过最小宽度的任何内容使用流体布局，并在下方使用固定布局。您应该查看媒体查询以获得一些帮助。

于 2013-01-22T14:06:49.663 回答
-1

如果一个 div 有“float:left”来连接另一个 div，你也必须在它的规则中设置“float:left”。因为如果没有
它们在同一行，所以第一个在左边，第二个做同样的事情，但它发现在左边第一个所以它会这样。

于 2013-01-21T16:23:35.130 回答