我想在#middle-panel
中除去.box-label
文字下面的额外空间,但我需要保持#middle-panel
在较小的屏幕尺寸下展开并且文本变成堆叠的功能。如果我设置特定高度的#middle-panel
来消除多余的空间,它将不再扩展以适应堆叠类型。
这个链接展示了我的当前实现:当前实现
如果你在这个链接中为#middle-panel-inner-div
添加height: 65px;
,你会看到所需的文字下方的空间。不幸的是,如果你将.red-box-and-label
类的width:
从25%更改为20%(表示在较小的屏幕尺寸下会发生什么),你会看到文本变成了堆叠,但#middle-panel
并没有扩展以适应它。删除刚刚添加的height: 65px;
,你会看到#middle-panel
现在已经扩展以适应文本,但下面的空间太多。
我尝试过一些解决方案,例如:Div overlapping & wrong height,但似乎都不起作用。
如果您有任何建议,将不胜感激!