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