间距和创建新行的问题

时间:2014-02-03 16:57:16

标签: html css search spacing

我一直在修改SourceBans看起来更现代化,我发现了一点点泡菜 这就是我希望搜索字段位于顶部链接的右下方,如下所示:enter image description here

以下是当前页面的实时版本:

其他资源:

3 个答案:

答案 0 :(得分:1)

width: 100%添加到按钮输入,然后从width: 300px; float: left;中删除#search

那应该解决它。

答案 1 :(得分:1)

  • float: left;#nav
  • 中移除#search
  • width
  • 中移除#search
  • 进行输入width:100%

(还有一点填充顶部)

答案 2 :(得分:1)

尝试添加:

    /*
    This container do not need to float: left, just use this:
    */
    #search
    {
       /* margin-left: 590px; my mistake ;) */
        padding: 2px 0 0;
        text-align: left;
        width: 300px;
    }

/* remove default marging and padding of the form element */
#search form
{
   margin: 0;
   padding:0;
}

/* grow searchbox to full width, if wanted */
#search .searchbox
{
   width: 100%;
}