Question

我有两个div并排。第一个div有一个随机的len文本，第二个div有随机的div数。

我需要这两个div来填充他们的包装器的所有空间，当第二个div变得足够宽时，我需要第一个div开始溢出文本。这一点的意思是，当我的第一个div缩小时，我可以使用jquery-textfill来调整文本的字体大小，以便它可以放在里面。

这是完整的示例，其中包含用于刷新随机文本并在包装器中附加正方形的按钮。

这是我的HTML

<div id="wrapper">
  <div id="left"></div>
  <div id="right"></div>
</div>

这是我的css

#wrapper{
  width: 400px;
  height: 50px;
  background-color: lightgreen;
}

#left{
  float:left;
}

#right{
  float:right;
  overflow: hidden;
}

.square{
  margin-left: 2px;
  width: 50px;
  height: 50px;
  background-color: red;
  float:right;
}

关注teamol

Answer 1

HTML：

<div id="wrapper">
  <div id="right"></div>
  <div id="left"></div>
</div>

的CSS：

#wrapper{
  width: 400px;
  height: 50px;
  background-color: lightgreen;
}

#left{
  background-color: yellow;
  overflow: hidden;
}

#right{
  float:right;
  background-color: blue;
}

更新jsfiddle

两个动态大小的div并排 - 第二个div确定第二个的大小

1 个答案: