菜鸡还不好好学 2021-12-22 23:02 采纳率: 62.5%
浏览 30
已结题

请问怎么在HTML5中实现搜索栏的设置

img

我尝试了float=right，可是实现不来搜索栏和百度图标在右边现实

  • 写回答

3条回答 默认 最新

  • 明日晴空 2021-12-22 23:45
    关注

    实现方式有很多
    1、使用浮动布局float
    2、使用弹性布局flex
    3、使用定位position

    <style>
.content{
  display:flex;
  justify-content: space-between;
}
.logo{
   width: 200px;
   height: 150px;
   border: 1px solid;
}
.search{
   width: 300px;
   height: 150px;
   border: 1px solid;
}
</style>
<body>
<header>
  <div class="content">
    <div class="logo"></div>
    <div class="search">
      <input type="text"/>
      <img src="baidu.icon">
    </div>
  </div>
</header>
</body>

    建议使用弹性布局最方便

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 12月31日
  • 已采纳回答 12月23日
  • 创建了问题 12月22日

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度