0

テキスト、画像などをプレゼンテーション用のスライドに挿入する HTML DOM スライドショー クリエーターを作成しようとしています。主なブラウザはニンテンドーDSiや3DSのブラウザですが、PCでも機能が欲しいということでCSSパーセンテージを使っています。

しかし、問題があります。HTML のスパン要素の相対位置は、上 100%、左 90% です。

左の位置は問題ありません--上の位置はそうではありません...理由はわかりませんが、スパンは上の位置から要素の完全に外側に表示されています。

ここでこれを自分でチェックしてください。

「スライド 1」は、私が持っている明るい灰色の div の下の境界線の上にあるはずです。ポジショニングがそのdivに相対的でなければならないのに、なぜこれが外側にあるのですか?

私はいつもCSSのポジショニングにとても混乱していました...誰かが私のためにこれを理解してもらえますか? これはイライラしています。ところで、あなたが探しているのは、HTML div の外にある "Slide 1" です。

4

1 に答える 1

0

だからこそ「完全に要素の外に表示されている」のtop: 100%です。これは、コンテナーの高さを 100% 移動するように指示していspanます。これはもちろん、コンテナーの上部から開始したため、コンテナーの下部を過ぎたところに配置されます。あなたが述べたように、relative位置決めは「そのdivに対して」行われないことに注意してください。ただし、パーセンテージ オフセットを使用する場合は、コンテナーのサイズに関連してオフセットを計算します。span

あなたのdiv.slideコンテナはそれ自体なので、あなたposition:relativeが望むのはあなたspanをに設定し、ポジショニングをposition:absolute行う代わりに、あなたがそれを配置しようとしているの底に直接配置することだと思います。あなたはあなたを保つことができます。topbottom: 0divleft: 90%

于 2012-11-21T03:47:28.990 に答える