123
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style type="text/css">
/*技巧；所有元素的外邊距和內(nèi)邊距設(shè)置為0 最前面寫* */
*{
margin:0px;
pading:0px;
}
div.header{
width:1246px;
height:80px;
position:relative;
birder:1px solid red;
}
.header .logo{
posutuib:absolute;
left:80px;
top:16px;
border:1px solid blue;
}
</style>
</head>
<body>
<div class="header">
<!--logo-->
<div class="logo">
<img src="img/logo.jpg"title="12306">
</div>
<!--右側(cè)內(nèi)容-->
<div class="header-righ">
<!--搜索框-->
<div class="header-search">
<input type="text" placeholder="搜索車票、餐飲、常旅客、相關(guān)規(guī)章" >
<input type="image" src="img/search.png" >
</div>
<!--右側(cè)菜單-->
<div class="right-meun">
<a href="#">我的12306</a>
<span>｜</span>
<a href="#">登錄</a>
<a href="#">注冊</a>
</div>
</div>
</div>
</body>
</html>
