设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 使用float 添加浮动效果没反应求解
发新帖
返回列表
0 327
电梯直达  跳转到指定楼层

[提问] 使用float 添加浮动效果没反应求解

追梦者2015|新手上路 |勤币 163 |学币 0
发表于 2017-8-24 20:46 | 复制链接 | 打印 | 上一主题 | 下一主题
html+css网页前端课程 - 6.1.1网站首页 - 头部及海报区域的搭建（上）
<!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代码

这是源代码文件，浮动效果加了后，不起作用
举报 使用道具
| 回复

共0个回复 最后回复于 2017-8-24 20:46

发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表