这甚至可能吗？基本设置是右侧的侧边栏，其中包含 div 元素。单击这些元素之一将添加一个“弹出” div，该 div 应显示在单击元素的左侧。弹出窗口包含可变数量的按钮。我想只使用 CSS 来设置它的样式，所以我可以从我的脚本中添加正确的 HTML 元素并让样式表进行布局。
- 我已经在侧边栏元素内尝试了弹出窗口，绝对定位，但是我不能使侧边栏元素本身缩放到至少与弹出窗口一样高。（侧边栏元素的高度通常比弹出窗口短）。
- 我尝试将弹出窗口放在元素之前，并使用绝对位置，但由于某种原因，如果我添加更多按钮，弹出窗口不会变宽，而是向下溢出它们。
- 在弹出窗口上使用相对位置将使其在侧边栏中留下空白空间。
- 浮动它会弄乱其他侧边栏元素的宽度。
侧边栏是固定宽度。弹出窗口是固定高度的。按钮是固定大小的。侧边栏元素是全宽但高度可变的。
我已经忘记了我尝试过的所有不同的事情。我目前最接近的尝试是在这个JsFiddle中，弹出窗口的位置正确，但不会向左增长，只会向下溢出。如果我将宽度设置为较大的数字，它将正确排列按钮，但如果我添加一个 :hover 伪类，则会发生奇怪的事情。
这怎么能在 HTML/CSS 中完成？还是只能使用 JavaScript？如果是这样，这样做的简单“偏僻”方法可能是什么？