这俩我不清楚怎么做 思路不是很清晰 请问有人能做出来吗 做的有点难受
1条回答 默认 最新
- 崽崽的谷雨 2022-03-23 09:40关注
灰色的用 ul,li
搜索框 input button 加上 flex布局
参考这个 你自己调一下样式<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; } .navBox { width: 100%; height: 200px; } .navTopBox { width: 100%; height: 30px; } .navTopBox>ul { list-style: none; display: flex; background: #ECECEC; justify-content: flex-end; padding: 0 12px; } .navTopBox>ul>li { line-height: 30px; color: #AAAAAA; font-size: 12px } .navTopBox>ul>li>span { margin: 0 12px; } .serachBox { background: #990D1A; width: 100%; height: 100px; position: relative; } .serachBox .inp { width: 80%; height: 30px; } .serachBox .inpBox{ width: 100%; /* line-height: 50px; */ display: flex; justify-items: center; justify-content: center; position: absolute; bottom: 12px; } .serachBox .inpBox button{ width: 5%; height: 34px; } </style> </head> <body> <div class="navBox"> <div class="navTopBox"> <ul> <li>淘宝网首页 <span>|</span></li> <li>我要买<span>|</span></li> <li>我的淘宝<span>|</span></li> <li>购物车</li> </ul> </div> <div class="serachBox"> <div class="inpBox"> <input type="text" class="inp"><button>搜商品</button><button>搜商品</button> </div> </div> </div> </body> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
- ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
- ¥30 截图中的mathematics程序转换成matlab
- ¥15 动力学代码报错,维度不匹配
- ¥15 Power query添加列问题
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 報錯:Person is not mapped,如何解決?
- ¥15 c++头文件不能识别CDialog
- ¥15 Excel发现不可读取的内容
- ¥15 关于#stm32#的问题:CANOpen的PDO同步传输问题