无法将html元素放在同一行

Question

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

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

如何让这些元素像在problemio.com的主页上一样显示？

谢谢！

Answer 1

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

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

Answer 2

在您希望[problemio.com]显示搜索框的页面中，div的css值为“float：right”。这是您在另一页上需要的值。

div#search {
float: right
}

Answer 3

我刚刚在5分钟前发布的另一个问题的评论中回答了这个问题 您的问题是，课程nav的主页div取自main_index.css的值，另一页取main.css的值。
两者之间存在一些可能导致问题的不一致。 Firebug或devtools将帮助您调试这些问题。

Answer 4

您将它绝对放在搜索框上。修复绝对定位，你应该没事。