使两个搜索字段填充100％宽度

Question

Wordpress和代码菜鸟在这里。网站是www.chicagokaraokenight.com/wordpress。

在主页搜索小部件上，我正在尝试删除关键字字段，并将“位置”和“按日”字段设置为同一行上区域宽度的100％。我的主题提供了有关如何让一个字段保持100％宽度而不是两个字段的文档。我尝试了各种组合，无法弄明白。请指教！

这是提供的CSS：

.search_jobs > div.search_keywords {
    display: none;
}

.search_jobs > div.search_location {
display: none;
}

.search_jobs > div.search_categories {
width: 100% !important;
}

Answer 1

这应该有效：

.search_jobs > div.search_keywords {
  display: none;
}

.search_jobs > div.search_location {
  width: 50% !important;
}

.search_jobs > div.search_categories {
  width: 50% !important;
}

更新：刚刚发现这些字段的div各有一个3％的边距，这使得我们无法在同一行中有两个50％宽度的div 。最简单的解决方案是稍微降低它们的宽度以补偿余量，这将使代码如下：

.search_jobs > div.search_keywords {
  display: none;
}

.search_jobs > div.search_location {
  width: 47% !important;
}

.search_jobs > div.search_categories {
  width: 47% !important;
}