抱歉，我不知道如何正确命名，或者以 tl;dr 的方式解释它。我被困住了。我使用了一个使用 skel.js 和 skel-panels 的模板来做一个带有侧边栏的响应式布局。然后我添加了后伸，现在我希望徽标始终在屏幕的右下角对齐（除非它是一个窄/移动视图 - 但我已经大致弄清楚了那部分）
我让底部对齐可以自己工作，但是当我将它与所有其他东西放在一起时，徽标不会显示（在宽视图中）。我已经把它缩小到 skel-panels.min.js （从代码中省略了，其他一切都很好）
我只是不知道如何弄清楚。我的代码现在已经很乱了，所以它可能是我在某个地方做过的事情，但是一旦删除了 skel-panels，它似乎确实可以正常工作。
http://staygold.ca/wood2/index.html
我想我正在尝试做太多超出我能力范围的事情，但它似乎确实有效，除了这一件事
我可以看到 2 种可能性 - 仅在“窄”视图或更小的情况下使用骨架面板，因此仅在正常和宽视图上将其关闭 - 不确定这是否可能
或者以某种方式让徽标 CSS 覆盖面板？就像以某种方式使该 div 覆盖整个页面？
编辑：如果我在这些位置上玩弄，会发生不同的事情，但我无法获得正确的组合来将它放在底角（徽标出现，但它位于右上角）。不确定这是否会在没有骨架面板的情况下有所帮助，但值得一试
HTML
<div id="logo-container">
<img src="img/logo.png" class="index-logo" />
</div>
CSS
#logo-container {
width: 100%;
height: 100%;
position: fixed;
right:10px;
bottom:10px;
}
.index-logo {
float: right;
position: static;
width: 20em;
}