自动缩放页面，位置：绝对

Question

我有这个基本的HTML问题，出于某种原因，我似乎无法修复。

我创建了一个包含列表项的垂直菜单 如果选择了列表项，则该项的内容将显示在菜单旁边，而不会离开页面。为此，我使用了单选按钮。

正在显示的内容位于绝对位置。只要无线电按钮的内容不高于页面高度，这种方法就可以正常工作 所以内容不会随着增长而推下页脚。

这是一些代码： （这是一个包含内容的列表项。）

JButton b1=new JButton();
b1.addActionListener((ActionEvent ae) -> {
    //Statements;
});

<li> <input type="radio" name="tabs" id="tab6"> <label for="tab6"> <div class="icon"><i class="fa fa-pencil-square-o fa-2x"></i></div> <div class="icon_name">Edit</div> </label> <div id="tab-content6" class="tab-content animated fadeIn"> This holds a lot of content </div> </li> 类div位于绝对位置，以便在菜单旁边显示。

我尝试在绝对定位的div周围创建一个tab-content6，该div位于相对位置但不起作用。

不知道如何解决这个问题。我不想给它一个固定的高度，因为内容较小的标签不需要空间。

微米。