<!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>搜索框</title>
? ? <link rel="stylesheet" href="../../base.css">
</head>
<body>
? ? <style>
? ? ? ? .search4 {
? ? ? ? ? ? margin: 60px auto;
? ? ? ? ? ? width: 575px;
? ? ? ? ? ? height: 40px;
? ? ? ? }
? ? ? ? .search4 input {
? ? ? ? ? ? top: 0;
? ? ? ? ? ? left: 0;
? ? ? ? ? ? width: 465px;
? ? ? ? ? ? height: 40px;
? ? ? ? ? ? border: 2px solid #d2a95e;
? ? ? ? ? ? padding-left: 10px;
? ? ? ? }
? ? ? ? .search4 button {
? ? ? ? ? ? top: 0;
? ? ? ? ? ? right: 0;
? ? ? ? ? ? width: 110px;
? ? ? ? ? ? height: 40px;
? ? ? ? ? ? color: rgb(11, 93, 216);
? ? ? ? ? ? font-size: 12px;
? ? ? ? ? ? background-color: #d2a95e;
? ? ? ? ? ? border: 0;
? ? ? ? }
? ? </style>
? ? <div class="search4 por">
? ? ? ? <input type="search" name="" id="" placeholder="父盒子透明，子盒子定位設(shè)邊框" class="poa">
? ? ? ? <button class="poa">子盒子總寬度能多不能少，高度可以誤差</button>
? ? </div>
</body>
</html>
