0

我有一个灯箱来显示一些东西。灯箱可以通过几行 HTML 代码和 CSS 正常工作。在灯箱内，有一个“关闭窗口”链接。我想单击它然后关闭表单。预计在表格底部，但现在不是。

我认为这是一个 CSS 样式问题。该演示位于jsfiddle 演示中。

 <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从您的ul和p标签中删除

小提琴

于 2012-08-04T13:04:49.713 回答
0

尝试添加到您的 CSS：

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