Html 如何将按钮向右移动?

Html 如何将按钮向右移动?,html,css,Html,Css,我有一个应用程序,当用户点击加号按钮时,它会显示一个模式窗口 问题是,我希望关闭按钮出现在窗口的右侧,与“以前的问题”标题在同一行。但它似乎一点也没有向右转。我做错了什么 代码如下: HTML: 由于H1是一个块元素,它占据了它所在行的所有宽度。 这意味着H1元素后面的元素不能在同一行上,即使对其应用了float-属性 你可以加上 position: absolute; top: 0; right: 0; 到#关闭元素。或为此元素添加负边距。除此之外,还可以添加float:left到H1元素。

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

问题是,我希望关闭按钮出现在窗口的右侧,与“以前的问题”标题在同一行。但它似乎一点也没有向右转。我做错了什么

代码如下:

HTML:


由于H1是一个块元素,它占据了它所在行的所有宽度。 这意味着H1元素后面的元素不能在同一行上,即使对其应用了
float
-属性

你可以加上

position: absolute;
top: 0;
right: 0;
#关闭
元素。或为此元素添加负边距。除此之外,还可以添加
float:left到H1元素。请注意,这可能会导致浮动和换行出现某些问题


也可以在H1之前添加
#close
-元素。这将防止H1占用其行中的所有空间,但将识别具有其空间的闭合元素。

由于H1是块元素,因此它占用其所在行的所有宽度。 这意味着H1元素后面的元素不能在同一行上,即使对其应用了
float
-属性

你可以加上

position: absolute;
top: 0;
right: 0;
#关闭
元素。或为此元素添加负边距。除此之外,还可以添加
float:left到H1元素。请注意,这可能会导致浮动和换行出现某些问题


也可以在H1之前添加
#close
-元素。这将防止H1占用其行中的所有空间,但将使用其空间识别close元素。

您的
qandablestyle2.css文件中存在错误。
删除
之后:

.previouslink{
display:none;   
};

它应该很好用<代码>字符阻止加载
#close
定义。

您的
qanadablestyle2.css
文件中有错误。 删除
之后:

.previouslink{
display:none;   
};

它应该很好用<代码>字符阻止加载
#关闭
定义。

您可以应用
显示:内联
元素,这将允许
(也是内联的)在同一行上呈现

请注意,您可能需要将以下元素的样式设置为
clear:both如果不希望以下内容泄漏到标题和按钮之间的空间中


请参阅。

您可以应用
显示:内联
元素,这将允许
(也是内联的)在同一行上呈现

请注意,您可能需要将以下元素的样式设置为
clear:both如果不希望以下内容泄漏到标题和按钮之间的空间中



看。

它不在同一条线上,@cdhowie!顺便说一句:
display:block
默认情况下由每个浏览器在添加带有
left
right
值的
float
-属性时应用。你不必再写了。它不在同一行,@cdhowie!顺便说一句:
display:block
默认情况下由每个浏览器在添加带有
left
right
值的
float
-属性时应用。你不必再写了。不知道为什么这个答案被否决了。
position:absolute
方法是这里的最佳选择。谢谢,@thirtydot!我想有些人认为,position:absolute在任何情况下都是不好的,因为他们没有意识到它的伟大之处。它确实解释了移动按钮的另一种方式,但它无法解释当前方法不起作用的原因。第一行解释了H1的作用。我想这就是原因。我会补充一些解释。不知道为什么这个答案被否决了。
position:absolute
方法是这里的最佳选择。谢谢,@thirtydot!我想有些人认为,position:absolute在任何情况下都是不好的,因为他们没有意识到它的伟大之处。它确实解释了移动按钮的另一种方式,但它无法解释当前方法不起作用的原因。第一行解释了H1的作用。我想这就是原因。我会补充一些解释。这并不能回答问题,但是是的,这是CSS文件中的一个错误。它回答了问题<代码>
阻止加载#close定义。即使纠正了此错误,
#close
也不会在所需位置。它将位于
h1
的下方。好吧,假设它回答了问题的一部分,如果您希望它位于h1上方,那么将它放在第一个位置,或者将不回答问题的h1向左浮动,但是是的,这是CSS文件中的一个错误。它回答了问题<代码>
阻止加载#close定义。即使纠正了此错误,
#close
也不会在所需位置。它将位于
h1
的下方。好吧,假设它回答了部分问题,如果您希望它位于h1上方,则将其放在第一位或将h1向左浮动