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

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

Make two search fields fill 100% width

html

css

wordpress

themes