0

私はhtmlやcssなどの編集に比較的慣れていないので、これは簡単に解決できると思いますが、理解できません.. tumblrでテーマを編集していて、リンクは説明の下にありますが、説明がは長すぎて、リンクでカバーされます。

http://i.stack.imgur.com/tvLtf.png

説明が長くなりすぎたときにリンクを下に移動する方法があることは知っていますが、その方法がわかりません。span または div クラスと関係があるのではないでしょうか?

ここに私のコーディングがあります:(desは説明用です)

http://freetexthost.com/oy6wxvnut3

代わりにdivクラスまたはspanクラスを使用する必要がありますか/「#link1」などを「.link1」に変更しますか? ラッパーを使用する必要がありますか? 説明とリンクの間からタイトルバーの div を移動する必要がありますか?

スクロール時に説明とリンクが画面上の場所にとどまるようにします。

これが理にかなっていることを願っています!

4

1 に答える 1

0

素早く汚いフィドル

わかりました、これが私が見つけたものです。position:fixed属性を使いすぎています。すべてのリンクと説明ボックスが固定されているため、要素を好きな場所に配置でき、スクロール中にコンテンツを固定したままにすることができますが、反対に、要素が流れから外れます. これは、要素にコンテキストがなく、コンテンツを相対的にすることができないことを意味します。position:fixed親コンテナのみが存在し、その親のすべての子が「フロー内」属性を保持するように設計をやり直す必要があります。次のシナリオでは、親のみを位置固定する必要があります。

________________________________________
|__________ウィンドウ_________|
| | | |
| | ______________ |
| | |____親___| | |
| | | | 説明 | | |
| | | | 子 | 子 | |
| | | | 子 | 子 | |
| | | | 子 | 子 | |
| | ------------- |
 -------------------------

あなたが持っているのは、説明とすべての子要素が固定されていることです。それらを互いにフローに戻し、必要に応じて親コンテナーを配置します。

于 2013-01-02T18:20:35.067 に答える