大小對(duì)齊，橫向?qū)R，請(qǐng)給我代碼，謝謝
2 回答
已采納
習(xí)慣受傷
TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<link?rel="stylesheet"?type="text/css"?href="styles/layout.css"?/>
???<style?type="text/css">
*{margin:0;padding:0;}
body?{?background:#DFB988;?}
div.search?{?width:465px;?height:60px;?position:relative;?overflow:hidden;?margin:50px;??}
div.search?input[type="text"]{?width:310px;?height:58px;?line-height:58px;?text-indent:10px;?font-size:18px;?border:1px?solid?#333;}
div.search?input[type="submit"]{position:absolute;?right:0;top:0;?width:115px;?height:60px;?border:1px?solid?#333;?font-size:20px;?}
???</style>
</head>
<body>
<div?class="search">
<input?type="text"?placeholder="輸入關(guān)鍵字搜索"?/>
<input?type="submit"?value="搜索"?/>
</div>
</body>
</html>
習(xí)慣受傷
TA貢獻(xiàn)885條經(jīng)驗(yàn) 獲得超1144個(gè)贊
右側(cè)的Button絕對(duì)定位。另外，input#text 和 input#button 默認(rèn)有個(gè)padding，先清除：
*{?margin:0;?padding:0;?}設(shè)置高度的時(shí)候：如果 input#text 有邊框，那就設(shè)置的時(shí)候把邊框加上，如：
文本框高度 28px + 2px 邊框。
按鈕有邊框高度：28px + 2px 邊框；
按鈕無邊框高度：30px；
添加回答
舉報(bào)
0/150
提交
取消