为什么我的右浮动都不行,用绝对定位就可以了,是浏览器原因吗?求解答!

来源:3-5 企业网站制作之导航部分制作(二)

孙行者_

2015-11-27 17:46

@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;}/*添加右侧圆角图片和绝对定位*/


写回答 关注

1回答

  • echo_kinchao
    2015-11-28 16:04:05

    是不是 父级元素的宽度不够

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题