为什么我的右浮动都不行,用绝对定位就可以了,是浏览器原因吗?求解答!
@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-size:12px;}/*内容初始化*/
body{background-color:#F5F5F5;}/*页面背景色*/
.top{width:100%;height:27px;background:url(image/top_bg.jpg) repeat-x;}/*顶部背景图片*/
.top_content{width:1000px;margin:0 auto;}/*顶部内容定宽设置自动居中*/
.top_content li{list-style-image:url(image/li_bg.gif);float:right;width:70px;line-height:27px;}/*列表项设置背景图浮动宽度和垂直居中*/
.top_content a:link,.top_content a:visited{color:#8E8E8E;text-decoration:none;}/*a的伪类(未访问和访问后的颜色)以及文本修饰*/
.top_content a:hover,.top_content a:active{color:#C30;text-decoration:none;}/*a的伪类(划过和按下的颜色)以及文本修饰*/
.wrap{width:1000px;margin:0 auto;}/*wrap定宽自动居中*/
.logo{height:80px;background-color:#FFF;position:relative;}/*log高度和相对定位*/
.logo_left{width:200px;float:left;}/*定宽左浮动*/
.logo_right{width:300px;position:absolute;top:20px;right:0;color:#8E8E8E;}/*定宽绝对定位*/
.logo_right img{vertical-align:middle;margin-right:10px;}/*图片居中和右外边距*/
.tel{font-family:"微软雅黑";font-size:16px;color:#C00;}/*数字字体,颜色以及大小*/
.nav{height:40px;position:relative;}/*nav高度和相对定位*/
.nav_left{width:10px;background:url(image/nav_left.jpg) no-repeat;float:left;height:40px;}/*添加左侧圆角图片左浮动*/
.nav_mid{width:990px;background:url(image/nav_bg.jpg) repeat-x;}/*添加菜单背景图片X轴重复*/
.nav_right{width:10px;background:url(image/nav_right.jpg) no-repeat;position:absolute;top:0;left:990px;height:40px;}/*添加右侧圆角图片和绝对定位*/