jquery - CSS来调整元素的位置

我有一个灯箱来显示一些东西。灯箱可以通过几行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 -->

感谢帮助。

最佳答案

您使用浮子的方式错误，这是您要找的东西吗？

FIDDLE

关于jquery - CSS来调整元素的位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11808888/