Closed. This question is
off-topic。它当前不接受答案。
想改善这个问题吗？
Update the question，所以它是
on-topic，用于堆栈溢出。
4年前关闭。
我目前正在尝试创建居中的固定元素。我发现了一些CSS，但是却无法正常工作。我附有一张图片，以表达我的意思。
我正在尝试在创建的文本框旁边添加一些图像，但是它们会将文本框推到一边，因此不再居中。没有图片，它居中。使用CSS，文本框将移动到图片的顶部，这不是我所需要的。图片：
http://i.stack.imgur.com/glaGT.pngHTML：
<div id="divfix">
<center>page
<input size="3" id="uid" value="1"> of 3
</div>  
<img class="imiddle" title="next" alt="next" src="img/next.png" hspace="0" height="13" border="0" width="26">  
<img class="imiddle" title="last" alt="last" src="img/last.png" hspace="0" height="13" border="0" width="26">
</center>
CSS：
#divfix {
/* fixed position a zero-height full width container */`
position: fixed;
top: 390;
left: 0;
right: 0;
height: 0;
/* center all inline content */
text-align: center;
}
#divfix {
/* make the block inline */
display: inline-block;
/* reset container's center alignment */
text-align: left;
}
我该怎么做才能使这项工作？谢谢！任何帮助表示赞赏。 =）
〜更新至问题〜！
嗨！我重新编写此代码是为了以防万一。
我发现了我的代码对你们不起作用的原因。
在我的原始帖子中，我使用反引号转义符（或带有重音符号）突出显示了我的代码。
我在每一行上都使用了反引号转义符，因为使用了两个反引号转义符，一个在我的代码之前，一个在我的代码之后，不能一次突出显示所有内容。
不幸的是，当我的帖子被其他人编辑时，他们在我的CSS中留下了一个反引号，而我没有注意到。
因为我得到的问题的答案基本上满足了我的要求，所以我接受了它，却忘记了我的问题。
我现在尝试成功地重新创建我的问题。这是希望重新开始我的问题，因为我认为它不应该结束。特别是如果这只是编辑器的错误。
〜1。那具体是什么错误？〜
错误是编辑后在我的CSS中留下了一个反勾号。
这是有问题的代码：
#divfix { /* fixed position a zero-height full width container */'我使用撇号来代替反引号，因为反引号由于某种原因而不会显示。
这应该是这样的：
#divfix { /* fixed position a zero-height full width container */container */之后没有任何反引号。
〜2。这对您的代码有什么影响？〜
反引号实际上会忽略CSS中的下一行。
这将与删除下一行相同。
受影响的行是
position: fixed;，这使我的代码无法被他人复制。
另一个问题是我没有提供我的整个文档（我认为它太大了，无论如何也不能显示在我的问题中。）所以我只提供了我想要更改的特定代码。
〜3。你是怎么发现错误的？〜
首先，我必须用我在此处发布的原始代码替换此处给出的答案代码。
接下来，我必须找到在另一个网站上找到的原始CSS代码，以将其与我在堆栈交换中发布的代码进行比较。
最初，我找不到所找到网站的原始代码与我发布的代码之间的任何区别。唯一的区别是
top: 390;，而原始文件是
top: 0;我玩弄空格，认为可能会解决问题，因为网站上的代码是使用制表符空格制作的，而我在此处发布的代码只是空格，其中大约3或4个空格。
没有骰子，没有任何空间可玩。
接下来，我发现了一个名为“ diffnow”的网站来比较两个CSS代码，因为我自己没有发现任何错误。
然后，我当然找到了
top: 390; vs
top: 0;，但是在
container */之后我发现了一个反勾号。
〜4。您如何解决该错误？〜
我删除了令人反感的反引号字符，并将代码更改为应如何显示。在添加Paulie_D建议的新代码之前，我丢失了原始工作。因此，当实现发布在堆栈交换上的旧代码时，我还必须将
left: 0;更改为
left: 3;才能放置在与以前完全相同的位置。不知道为什么。
〜5。错误的结果是什么？〜
错误的结果是
position: fixed;被忽略。
这有什么影响？
在我的原始代码中，包含“ next.png”和“ last.png”的控件
居中，并隐藏在表示第1页（共3页）的文本框
<input>的后面。
我想解决这个问题，这就是为什么我问这个问题。
但是，不幸的是，编辑器处于倒退状态。
反引号的影响在于它似乎已经“修复”了我的代码，不再能够重现原始代码或我所要询问的内容。
由于反引号忽略了我的
position: fixed; ...我在其他地方读到，如果未给出诸如“绝对”或“固定”之类的位置，则默认值为“静态”。这不是我想要显示的。
这弄乱了我的问题，使我没有任何人可以复制的东西。
-请注意，由于我还是html＆css的新手，所以我不知道不同css位置或它们之间的区别。
“位置：固定”实际上不是我想要的，因为当我调整窗口大小以缩小窗口时，html文本框
<input>向下移动，这不是我想要的。另外，如果我将html文档放长一些，则固定元素将在滚动时跟随页面，这也是我所不希望的。
我想要的是“静态”或“相对”，而不是“固定”或“绝对”。
同样，尽管它与我的实际问题无关，因为它是以前的经验，并且不适用于我当前的代码或问题，但我之前曾说过，“图像将文本框放在一边，因此不再居中。”
在包含任何CSS之前，我再也没有早期的原始代码了，所以我不确定我的意思，因为我无法重现这种效果。如果有人能理解这一点，并以他们认为我对执行此操作的html所做的事情来回复我，那将非常感谢。谢谢。 ^-^〜
〜6。反击前后有什么例子吗？〜
是的，我举了一些关于css反击前后的例子。
例子：
由于我需要10个或更多信誉才能发布2个以上的链接，因此我将这些链接包含在pastebin文件链接中。
此链接包括反引号之前和之后的html＆css示例。它还包括预览图像。
链接为：
http://pastebin.com/ne7B1q6P〜7。兼容吗？〜
请注意，为了正确显示，我使用浏览器k-meleon。
任何其他浏览器，您只需要自己编辑一个css / html值即可。
例如，将
top: 390;更改为
top: 414;以在Firefox中正确显示。至少那是我的Firefox的电话号码，可能与您的不同。
对于不同的分辨率，您可以在代码中添加/删除中断
<br>。
我要做的就是使我的代码以不同的分辨率正确显示。
我在链接中包括了“宽x 720分辨率”作为测试分辨率，以及“宽x 768分辨率”（当前是系统上的默认分辨率）。
谢谢阅读！希望您现在更清楚地理解我的问题。 ^ _ ^