0

現在、クライアント向けの Web サイトを構築しており、このチュートリアルのコードを使用しています。

私のクライアントは、機密情報が含まれているため、残念ながら私の現在の作品のリンクを投稿することを許可してくれません. ただし、上記は私が使用しているものの明確な例です。

問題：

スライダーの画像の横にテキストを説明として使用しています。現在、マージンを使用して各画像の隣に配置されており、独自の div があります。Safari では、このテキストはゆがんでテキストの上に表示され、私が下したルールを無視して、画像の上に座るか、右に移動するように見えます。なぜこれを行うのかわかりませんが、他のブラウザーではまったく発生しません。コンテナー全体が大きくなるように Java 変数を変更しましたが、違いはないようです。ページを更新すると問題なく表示されることがありますが、これにはパターンがないようで、タイムラインにも奇妙なものは見られませんでした。誰かがなぜこれが起こるのか、またはおそらく私をその方向に向けることができれば、これは素晴らしいことです.

機密情報を含まない作品のコピーへのリンクであるが、まだ問題がある

4

1 に答える 1

2
  1. div＃photoを使用する
  2. cssを使用してdiv#photo div {float:left}
  3. この水平方向に積み重ねるには、＃photo自体を左にフロートさせる必要があります

HTML：

div#album                      {min-width:1000px,min-height:200px}
div#album div                  {float:left,min-width:100px}
div#album div#photo            {min-height:200px}
div#album div#photo div        {float:left}
div#album div#photo div#image  {min-height:200px,min-width:100px}
div#album div#photo div#text   {min-height:50px,min-width:75px}

フォーマットを指定しました。寸法を注意深く見ると、「テキストdivの高さが親または兄弟よりも高くないことを確認してください」と表示されます。

私が示したのは、「フロート」を使用すると子供がこぼれるため、子供は親よりも幅と高さを小さくする必要があるということです。

于 2012-08-03T04:28:39.873 に答える