123
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style type="text/css">
/*技巧；所有元素的外边距和内边距设置为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>
<!--右侧内容-->
<div class="header-righ">
<!--搜索框-->
<div class="header-search">
<input type="text" placeholder="搜索车票、餐饮、常旅客、相关规章" >
<input type="image" src="img/search.png" >
</div>
<!--右侧菜单-->
<div class="right-meun">
<a href="#">我的12306</a>
<span>｜</span>
<a href="#">登录</a>
<a href="#">注册</a>
</div>
</div>
</div>
</body>
</html>
