0

何かを表示するためのライトボックスがあります。ライトボックスは数行の HTML コードと CSS で正常に動作します。ライトボックス内に、「ウィンドウを閉じる」リンクがあります。クリックしてフォームを閉じたい。フォームの下部にあるはずですが、現在はありません。

CSSスタイルの問題だと思います。デモはjsfiddle demo にあります。

 <a id="show-panel" href="#">Show</a>
        <div id="lightbox-panel">
          <h2>Title</h2>
            <p>Goal: </p>
                <br />
          <span>
          <ul style="float:left"><li>Goal 1</li><li>Goal 2</li><li>Goal 3</li></ul>
                </span>

          <p style="float:left" align="center"> <a id="close-panel" href="#">Close this window</a> </p>
        </div>
        <!-- /lightbox-panel -->
        <div id="lightbox"></div>
        <!-- /lightbox -->

手伝ってくれてありがとう。

4

3 に答える 3

1

フロートを間違った方法で使用しています。これはあなたが探しているものですか?

フィドル

于 2012-08-04T13:04:22.280 に答える
0

とタグfloat:leftから を削除し ますulp

フィドル

于 2012-08-04T13:04:49.713 に答える
0

CSS に追加してみてください:

#close-panel {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
于 2012-08-04T13:05:50.077 に答える