论坛

标题: 文字位置不对 [打印本页]

作者: a狸123 时间: 2018-6-20 13:32
标题: 文字位置不对

[attach]131945[/attach]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>腾隆钾业有限公司</title>
<link href="webstyle.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="header">
<a href="#" class="logo"><img src="images/logo.png" alt=""></a>

<div class="hdRight">
      <div class="text"><a href="#">EN</a>  |  <a href="#">收藏本站</a>  |  <a href="#">企业邮箱</a></div>
      <div class="tel">咨询电话：400-8888 8888</div>
</div>
</div>
</body>
</html >

webstyle：
@charset "utf-8";
*{
padding: 0;
margin:0;
}
a{text-decoration:none}
.header {
width: 1100px;
height: 100px;
margin: 0  auto ;
}
.header .logo{
float: left;
margin-top: 15px;
}
.hdRight{
float: right;
text-align: right;
}
.hdright .text{
margin-top: 30px;
font-size: 12px;
color: #ccc;
}
.hdRight .text a{color:#333}
.hdRight .tel{margin-top:4px; color:#888; font-size:14px;}

请问哪一步出错了  我检查了好几遍都没有看出来

作者: yuanxi52028 时间: 2018-6-21 08:23
[attach]131986[/attach]

.hdright 里的 r 没有大写应该是 .hdRight 与class定义的要一致

作者: a狸123 时间: 2018-6-21 10:27

yuanxi52028 发表于 2018-6-21 08:23
.hdright 里的 r 没有大写应该是 .hdRight 与class定义的要一致

位置正确了谢谢

欢迎光临论坛 (http://bbs.qinxue.com/)