通过css在其他元素下对齐元素

【问题标题】：Align element under other element through css通过css在其他元素下对齐元素
【发布时间】：2010-09-19 23:18:06
【问题描述】：

我有一个非常简单的搜索表单，其中包含以下内容

标签（“搜索”）
文本框（固定宽度）
提交按钮
“高级”链接

标签、文本框和提交都在一条水平线上并居中。现在我希望我的高级链接位于提交按钮下方。

有什么想法吗？

【问题讨论】：

标签： css

【解决方案1】：

如果我理解你想要的问题：

              Search [xxxxxxxxxxxxxxxx] [Submit]
                                        Advanced

您必须添加更多元素才能做到这一点：

<div style="width: 300px; margin: auto; text-align: center;">
    Search [xxxxxxxxxxxxxxx] [Submit]
    <div style="text-align: right">Advanced</div>
</div>

【讨论】：

【解决方案2】：

<style type="text/css">
    #searchpanel
    {
        width: <displaywidth of controls>px;
        text-align: center;
    }

    #button
    {
        text-align: right;
    }
</style>
<div ="searchpanel">
    <label for="textbox">Search</label><input type="text" id="textbox" />
    <input type="submit" value="Search" />
</div>
<div id="button">
    <a href="#">Advanced</a>
</div>

希望这会有所帮助。

【讨论】：

你忘了id这里<div ="searchpanel">吗？