论坛
标题:
使用float 添加浮动效果没反应求解
[打印本页]
作者:
追梦者2015
时间:
2017-8-24 20:46
标题:
使用float 添加浮动效果没反应求解
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>吉利汽车首页制作</title>
<link rel="stylesheet" type="text/css" href="css/webstyle.css"/>
</head>
<body>
<div class="header">
<a href="#" class="logo" > <img src="imges/logo.png"/> </a>
<ul class="nav">
<li><a href="#">官方商城 </a> </li>
<li><a href="#"> 车友社区</a> </li>
<li><a href="#">预约试驾 </a> </li>
<li><a href="#">经销商查询 </a> </li>
</ul>
<div class="search">
<form>
<input type="text" name="keyword" class="keyword">
<input type="submit"/ class="btn"/>
</form>
</div>
<div class="language"> </div>
<a href="#">ENGLISH</a> 丨 <span>中文</span>
</div>
<div class="banner"> </div>
<div class="linknav"> </div>
<div class="pro"> </div>
<div class="ad"> </div>
<div class="news"> </div>
<div class="footer"> </div>
</body>
</html>
源代码
*{padding:0;margin:0}
body{font-family:"微软雅黑", "黑体", "宋体";}
a{text-decoration:none;}
ul,ol{list-style:none;}
/*头部区域*/
.header{height:90px;width:1200px;border:1px solid red; margin:0 auto;}
.header.logo{float:left;}
.header.nav{float:left;}
.header.search{float:left;}
.header.language{float:right;}
.banner{height:580px; width:100%; background:#CC6}
.linknav{height:120px; width:100%; background:#818181;}
css代码
这是源代码文件，浮动效果加了后，不起作用
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1