申し訳ありませんが、これに適切なタイトルを付ける方法、または tl;dr 形式で説明する方法がわかりません。そして、私は立ち往生しています。skel.js と skel-panels を使用するテンプレートを使用して、サイドバーでレスポンシブ レイアウトを行いました。次に、バックストレッチを追加し、ロゴを常に画面の右下に配置するようにしました（狭い/モバイルビューでない限り-しかし、その部分はほとんど把握しています）
それ自体で動作するように下部を揃えましたが、他のすべてのものと一緒に配置すると、ロゴが表示されません (ワイド ビューで)。そして、それを skel-panels.min.js に絞り込みました (コードから省略し、他のすべては正常に動作します)
私はそれを理解する方法がわかりません。私のコードは今ではかなり混乱しているので、どこかで何かをした可能性がありますが、スケルトンパネルが削除されると、ほとんど正しく動作するようです.
http://staygold.ca/wood2/index.html
自分の能力の範囲外のことをやりすぎていると思いますが、この1つのことを除けば、うまくいくようです
おそらく2つの可能性があります-「狭い」ビューまたはそれよりも小さい場合にのみskel-panelsを使用するため、通常のビューと広いビューでのみオフにします-それが可能かどうかもわかりません
またはどういうわけか、ロゴ 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;
}