gpt4 book ai didi

css - 创建一个带有垂直展开容器的两列布局

转载 作者:行者123 更新时间:2023-11-28 08:35:36 26 4
gpt4 key购买 nike

<分区>

我想创建一个两列布局(仅 CSS,无 javascript)。

有一些要求使这个变得复杂:

  1. 容器以特定高度开始(例如 200px)
  2. 有两列
  3. 元素填充第 1 列,如果需要更多空间,则填充第 2 列。
  4. 如果第 1 列和第 2 列已满,则扩展容器的高度。

详细示例here .

不好 enter image description here

元素首先填充第 1 列: enter image description here

接下来,元素填充第 2 列: enter image description here

当达到容器的最小高度时,容器展开并且元素在两列之间回流: enter image description here

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com