0

相対位置に関して問題があります。体の背景色をたとえば青にしたい。最初は、ページの高さは 100% である必要があります (もちろん、コンピューターによって異なる場合があるため、固定の高さをピクセル単位で指定することはできません)。そのため、ページ全体が青く表示されます。ページの中央には要素があり、相対位置によってその位置に設定されています (コンテンツを展開するために絶対位置にすることはできません)。要素は垂直方向に拡張できます。高さがページの境界を超える場合、ページも拡張され、拡張された部分の背景はまだ青色のままです。

どうすればこれを達成できますか?私が考えることができる唯一の解決策は、背景要素に相対的な配置を使用することです(これは青で、展開しても青のままでなければなりません)。ただし、そのためには、使用可能な高さに設定する必要があります (相対的に配置された要素には、パーセンテージ値で高さを割り当てることができないため、除外されますheight: 100%)。ただし、高さ自体はブラウザやビューポートのサイズなどによって異なります (Javascript は使用できません!)。では、これを行うにはどうすればよいですか?

4

1 に答える 1

2

中央の要素の高さはわかっていますか?

このhttp://css-tricks.com/centering-in-the-unknown/をご覧ください。

http://jsfiddle.net/thebabydino/7N4Xx/に役立つライブデモ

JavaScript は、真ん中の div の高さを変更するだけです。

于 2012-07-15T19:18:00.927 に答える