一、顶部标题自适应
<html> <head> <title>顶部标题</title> <style> body{padding:0;margin:0;} </style> </head> <div style="100%;height:50px;line-height:50px;background-color:rgba(35,33,31,.2);"> <div style="50px;height:50px;line-height:50px;background-color:#f00;position:absolute;top:0;left:0;text-align:center;color:#fff;">返回</div> <div style="padding:0 60px;"><input type="text" style="100%;height:50px;border:1px solid black;padding:0 10px;" placeholder="请输入检索条件"/></div> <div style="50px;height:50px;line-height:50px;background-color:#00f;position:absolute;top:0;right:0;text-align:center;color:#fff;">检索</div> </div> </html>
