0

私は2日目に解決できないこの奇妙な問題を抱えています:((

http://someimage.com/Pq3ZP6K

http://someimage.com/YCAYciU

ご覧のとおり、height:100% の html と body があり、これには min-height:100% の 2 つの子があります (現在、height または min-height は関係ありません)。

  • 私のサイドバーでは機能しないだけでなく、Body 自体が 100% の高さでレンダリングされません (2 番目のスクリーンショットで確認できます)。しかし、ここで本当に驚いたのは、top:0; を追加したことです。下:0; サイドバーに移動してもまだ引き伸ばされず、絶対に配置された要素はドキュメントフローに関連することさえ想定されていません!!! :-o

このようなことはたいてい、些細で明白なことを見逃したために起こります。この問題を無視して目的の効果を得るには、少なくとも 2 つの方法を考えることができますが、何が起こっているのかを理解する必要があるだけです。何が欠けていますか?

// もちろん、すべてのスクリプト、ノーマライザー、その他のものを無効にしようとしましたが、結果はありません...

#PageWrap プロパティを知る必要がある場合:

#PageWrap {
max-width: 1400px; min-width: 835px; height: 100%;
padding: 19px 0 0 21px; margin-left: 200px;
background: linear-gradient(to right, rgba(52, 49, 221, 0.2) 0%, rgba(25, 28, 37, 0.2) 100%),
 url("../img/BG_Z.png");
background-position-x: 0px, 309px;
background-size: 300px 100%, 928px 1061px;
background-repeat: no-repeat;
background-attachment: fixed;
}

助けていただければ幸いです。前もって感謝します、マキシマス

PS私はまた、ここで共有されているjQueryでこの素晴らしいトリックを見つけました: Set column to full height of the page $('#Block').height($(document).height());

これは私の場合の結果です: http://someimage.com/6a4O8JH (つまり、まだページの高さ全体ではありません...)

...これは非常識です :-|

UPDは、メイン ブロックが 2 つだけのライブ プレビューです: http://mainroom.pro/share/code/pen.html

4

1 に答える 1

1

background-size: 300px 100%, 928px 1061px;問題を引き起こしているでしょうか？取り出してみて928px 1061px、それが機能するかどうかを確認してください

于 2013-09-30T14:19:04.120 に答える