Question

我怎样才能让溢出过它父母的div将溢出的部分分成新的一行？

<html>
  <div class="first">
    <div class="second"></div>

  </div>

</html>

的CSS：

.first {
  width: 500px;
  height: 500px;
  background-color: red;
}

.second {
  width: 700px;
  height: 200px;
  background-color: blue;
}

Answer 1

我不知道你是否意味着使用Point溢出它？

Answer 2

不定义固定的宽度和高度，而是没有宽度（对应width: auto）而只是max-height而不是{ {1}}。

通常的情况不是普通的彩色方块，而是文字，小偶像等会自动分成新的行：

（你不能破坏具有固定宽度的块 - 即使你想要它，你必须使用几个彼此相邻的块，看起来像一个块，但如果没有足够的宽度可以堆叠。）