使两个搜索字段填充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;
}

Update:刚刚发现这些字段的div每个都有3%的margin-right，这使得我们不可能在同一行中有两个各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;
}