如何向右移动按钮？

Question

我在这里有一个应用程序,当用户点击加号按钮时,它会显示一个模态窗口.

问题是我希望关闭按钮出现在窗口的右侧,与"PREVIOUS QUESTIONS"标题位于同一行.但它似乎根本没有向右移动.我究竟做错了什么？

以下是代码:

HTML:

<div class="previouslink">
<h1>PREVIOUS QUESTIONS</h1>

<button type="button" id="close" onclick="return closewindow();">Close</button>
</div>

CSS:

#close{
    float:right;
    display:block;
    margin-right:0px;
    clear:left;
}

Answer 1

由于H1是一个块元素,它占据了它所代表的线的所有宽度.这意味着H1元素后面的元素不能在同一行上,即使float应用了-property也是如此.

你可以添加

position: absolute;
top: 0;
right: 0;

对#close元素.或者为此元素添加负余量.除此之外,还可以添加float: left;H1元素.请注意,这可能会导致浮动和换行问题.

也可以在H1 之前添加#close-element .这将阻止H1占据其行中的所有空间,但会识别其空间的close元素.

Answer 2

您的QandATableStyle2.css文件中存在错误.删除;后:

.previouslink{
display:none;   
};

它应该工作正常.;字符阻止#close定义加载.