首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >输入字段下的Div

输入字段下的Div
EN

Stack Overflow用户
提问于 2019-06-06 02:15:15
回答 1查看 225关注 0票数 0

我想在输入字段的正下方显示一个div。当然,实现这一点很简单,但我希望这也适用于移动设备。它不能很好地处理媒体查询,所以还有其他方法吗?

这是现场搜索。我希望div #display恰好位于输入的下方。

它可以在台式机上运行,但不能在移动设备上运行。有没有一种通用的方法,或者我真的必须使用具有固定边距、宽度和高度的媒体查询?

#display {
  background-color: #f2f2f2;
  position: absolute;
  width: 227px;
  border: solid;
  border-top: none;
  border-radius: 0px 0px 5px 5px;
  border-width: thin;
  z-index: 1 !important;
}
    
.live-search {
  min-height: 30px;
  display: flex;
  align-items: center;
}
<form class="form-inline my-2 my-lg-0" action="search.php" method="post" autocomplete="off">
  <input type="search" name="search" required="" placeholder="Search">
  <button class="btn my-2 my-sm-0" id="search-btn" type="submit">Search</button>
</form>

<div id="display" style="display: block;">
  <a href="candidate.php?id=82925298">
    <div class="live-search">
      <li>82925298, Webdeveloper</li>
    </div>
  </a>
</div>

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56465945

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档