当窗口较小时允许浮动DIV重叠

时间:2013-04-21 16:07:43

标签: css css3 css-float

如果容器DIV的宽度小于所有DIV的宽度,我试图取一排左浮动DIV并使它们重叠。

这就是我正在使用的:

http://shifuimam.com/moop/w/skins/moop/test.php

现在,如果窗口调整大小,DIV会向下移动到下一行。我可以更改溢出属性,但这会使容器DIV滚动。我想要的是DIV彼此重叠以约束窗口的宽度,无论大小。

这甚至可能吗?我尝试使用 min-width max-width ,但这不起作用。

1 个答案:

答案 0 :(得分:0)

使用您正在使用的.toontab类的百分比。然而,您必须使用媒体查询进行远程支持

.toontab {
  position: relative;
  width: 8%;
  height: 3.5em;
  float: left;
  margin-right: 1.5em;
  font-size: 11pt;
  border-radius: 5px;
}