响应式网页设计-元素之间的差距

问题描述

我正在尝试使用<script> window.onload = function() { var context = new AudioContext(); } </script> 创建响应式网站 我知道，即使不是全部，大多数（如果不是全部）左侧都有其语义标记。 就我而言，我将两个box-sizing: border-box;分成宽度分别为60％和sections的40％ 浮动的左侧。 aside停留在右侧。

我遇到的问题是aside和section.upper-sec之间的差距 如果我在aside.right-col和aside

之间安排section.upper-sec，这是合乎逻辑的

我也尝试过先编写section.lower-sec，然后再编写各节。.但是，我不希望在断点处先显示旁白。现在，我知道您可以使用flexbox重新排列所有元素，但是我对flexbox还没有足够的信心。

第二个问题是，有什么方法可以使aside.right-col的高度达到100％，而section.lower-sec的页脚与行脚之间没有间隙？

aside.right-col

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）