如果div(div A)位于另一个宽度为100%的div(div B)中，如何在div (div A)中适合搜索文本字段和搜索按钮

<div id="divB" style="width: 100%;">
  <div id="divA">
    <form id="searchForm">
      <input type="text" id="searchInput" placeholder="请输入搜索内容">
      <input type="submit" value="搜索">
    </form>
  </div>
</div>

#divA {
  width: 100%;
}

#searchInput {
  width: 200px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
}

#searchForm input[type="submit"] {
  width: 80px;
  height: 30px;
  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

document.getElementById("searchForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单的默认提交行为
  var searchContent = document.getElementById("searchInput").value;
  // 执行搜索操作，可以根据实际需求进行处理
  console.log("搜索内容：" + searchContent);
});