css - 如何将div放在居中的div css旁边

Question

我有一个搜索页面，其中包含用于搜索的文本框和一个类似于 google 的“高级搜索”链接。

我无法将文本框居中并在文本框右侧设置“高级搜索”。

基本上我希望布局看起来像谷歌 http://www.google.com/'>请看这里

这是我的镜头:

            <div style="width:650px; margin-right:auto; margin-left:auto;">
                <%= Html.TextBox("SearchBar")%>
            </div>
            <div style="width:90px; float:right;">                    
                <a href="#" style="text-decoration:none">Advanced Search</a>
            </div>

Answer 1

Google 使用表格来显示他们的搜索框。左列和右列的宽度为 25%，中间列的宽度为 50%。搜索框位于中间栏，“高级搜索”位于右栏。左栏是空的。

然后只需将表格居中即可。您的搜索框将居中，“高级搜索”将显示在右侧。