无法让 html 元素位于同一行答案

【问题标题】：Can't get html elements to be on the same line无法让 html 元素位于同一行
【发布时间】：2012-02-09 02:53:16
【问题描述】：

我有这个页面：http://www.problemio.com，顶部有一个黑条，上面有搜索和下拉菜单。看起来还不错。

但是我有另一个这样的页面：http://www.problemio.com/category.php?category_id=1，其中包含这两个元素，但由于某种原因，搜索出现在栏的左上角。

我怎样才能让这些元素像在problemio.com 主页上一样显示？

谢谢！

【问题讨论】：

您拥有与主页相同的标记。只需在此页面上包含这些元素的样式。（其实需要加float:left）

标签： html css layout positioning drop-down-menu

【解决方案1】：

您将其绝对定位在您的搜索框上方。修复绝对定位应该没问题。

【讨论】：

您指的是哪种相关风格？谢谢！
这个元素：
你有绝对定位
如果你去掉绝对定位、右定位、顶部定位并向右浮动，它开始看起来正确。尝试一下并根据您的需要进行调整。
谢谢，在您的帮助下，我基本上做对了，但由于某种原因，我仍然在左侧有下拉菜单。我应该调整哪个css方向以使它们一个接一个地向右排列？谢谢！！
使用相对定位来相对于其父元素定位子元素。那应该可以帮助你。查找一些笨拙的 CSS 样式，这可能会对您有所帮助。

【解决方案2】：

内页没有你main_styles.css，里面有这种风格：

#search {
    float: right;
    margin-top: 7px;
    width: 14em;
}

【讨论】：

谢谢 - 刚刚进行了调整，但元素现在相互重叠。知道还有什么问题吗？ :)

【解决方案3】：

在您显示搜索框的页面中 [problemio.com] 的 div 具有 css 值“float:right”。这是您在其他页面上需要的值。

div#search {
float: right
}

【讨论】：

谢谢 - 但现在这些元素只是相互重叠。知道页面仍然不正确吗？谢谢！

【解决方案4】：

我刚刚在 5 分钟前发布的另一个问题的 cmets 中回答了这个问题。
您的问题是具有 nav 类的主页 div 从 main_index.css 获取值，而另一个页面从 main.css 获取值。
两者之间存在一些不一致，可能会导致问题。 Firebug 或 devtools 将帮助您调试此类问题。

【讨论】：

谢谢，看到了！我刚刚进行了调整，但仍有一些问题 - 这两个元素现在相互重叠。知道还缺少什么吗？谢谢！！