为什么就一个单独的div样式应用部了，其他的都没问题，急_html/css

为什么就一个单独的div样式应用部了，其他的都没问题，急_html/css_WEB-ITnose

WBOY

Libérer： 2016-06-21 09:30:01

original

1219 Les gens l'ont consulté

<!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" href="css/test.css" type="text/css" /></head><body><div id="welcome" class="wrap">	<ul>    	<li class="login">欢迎光临当当网，请<a href="#">登录</a><a href="#">免费注册</a></li>        <li class="shopping"><a href="#">购物车</a></li>        <li><em></em><a href="#">我的订单</a></li>        <li><em></em><a class="arrow" href="#">我的当当</a></li>        <li><em></em><a class="arrow" href="#">礼品卡</a></li>        <li><em></em><a href="#">帮助</a></li>    </ul></div><div id="mainNav" class="wrap">	<div id="logo"><img  src="images/logo.gif" / alt="为什么就一个单独的div样式应用部了，其他的都没问题，急_html/css_WEB-ITnose" ></div>	<div class="large">    	<div class="organge">网上购物享当当</div>        <ul>        	<li class="home"><a href="#">首页</a></li>        	<li><a href="#">图书</a></li>        	<li><a href="#">百货</a></li>        	<li><a href="#">品牌</a></li>        	<li><a href="#">促销</a></li>        </ul>   		</div>	</div>	<div class="side">    	<ul>        	<li><a href="#">商家</a></li>        	<li><em></em><a href="#">当当榜</a></li>        	<li><em></em><a class="arrow" href="#">礼物</a></li>        	<li><em></em><a href="#">在线读书</a></li>        	<li><em></em><a class="arrow" href="#">更多服务</a></li>        </ul>    </div></div><div id="navbar">	<ul class="wrap">    	<li><a href="#">音乐</a></li>    	<li><em></em><a href="#">影视</a></li>    	<li><em></em><a href="#">少儿</a></li>    	<li><em></em><a href="#">教辅</a></li>    	<li><em></em><a href="#">小说</a></li>    	<li><em></em><a href="#">外语</a></li>    	<li><em></em><a href="#">数码相机</a></li>    	<li><em></em><a href="#">笔记本</a></li>    	<li><em></em><a href="#">连衣裙</a></li>    	<li><em></em><a href="#">高跟鞋</a></li>    	<li><em></em><a href="#">运动鞋</a></li>    	<li><em></em><a href="#">美容护肤</a></li>    	<li><em></em><a href="#">厨卫用品</a></li>    	<li><em></em><a href="#">婴幼奶粉</a></li>    	<li><em></em><a href="#">玩具</a></li>    	<li><em></em><a href="#">没事保健</a></li>    	<li><em></em><a href="#">饰品</a></li>    </ul></div></body></html>

Copier après la connexion

@charset"utf-8";body{ padding:0; margin:0; font-size:12px;line-height:22px; }ul,li{padding:0; margin:0;}ul{list-style-type:none;}.wrap{width:960px; margin:0 auto;}#welcome ul{padding-left:430px; }#welcome ul li{float:left;}#welcome ul li a { color:#000000; text-decoration:none; margin:0 5px; }#welcome ul li.login a { color:#1a66b3; }#welcome ul li.shopping{background:url(../images/shopping.gif) left center no-repeat; padding-left:20px;}#welcome ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc; overflow:hidden; }#welcome ul li a.arrow{ background:url(../images/arrow.gif) right center  no-repeat; padding-right:12px;}#mainNav #logo{ float:left; width:160px; text-align:center}#mainNav .large{float:left; width:450px;}#mainNav .large .organge{color:#ff6600; }#mainNav .large ul li{float:left; margin:0 2px; line-height:30px; font-size:14px; text-align:center; font-weight:bold; }#mainNav .large ul li a{display:block; background:url(../images/nav_bg.gif); width:77px; text-decoration:none; color:#333;}#mainNav .large ul li.home a{background:url(../images/nav_home.gif); width:59px;color:#fff; }#mainNav .side { float:right; margin-top:30px; }#mainNav .side ul li em { display:block; float:left; height:7px; margin:6px 0; border-right:1px solid #bcbcbc; overflow:hidden; }#mainNav .side ul li a { margin:0 5px; color:#333; text-decoration:none; }#mainNav .side ul li a.arrow { background:url(../images/arrow.gif) right center no-repeat; padding-right:12px; }#navbar { clear:both; background:#fc883b; height:30px; }#navbar ul li { float:left; line-height:30px; }#navbar ul li a { color:#fff; text-decoration:none; padding:0 9px; }#navbar ul li em { display:block; float:left; border-left:#dc6b04; border-right:1px solid #fba455; height:5px; margin:12px 0; overflow:hidden;

Copier après la connexion

#mainNav .side下的样式应用不了，这是我复制别人的代码，别人的代码运行起来没问题，自己复制过来一模一样的为什么就单独一个div样式应用不了呢？

回复讨论(解决方案)

补充：是同一台机器

你的页面结构复制乱了，如下浏览器直接查看，side那个div应该属于#mainNav 下的

	    	欢迎光临当当网，请登录免费注册
        购物车
        我的订单
        我的当当
        礼品卡
        帮助
    
	
	    	网上购物享当当
                	首页
        	图书
        	百货
        	品牌
        	促销
        
   		
		    	        	商家
        	当当榜
        	礼物
        	在线读书
        	更多服务
        
    
		    	音乐
    	影视
    	少儿
    	教辅
    	小说
    	外语
    	数码相机
    	笔记本
    	连衣裙
    	高跟鞋
    	运动鞋
    	美容护肤
    	厨卫用品
    	婴幼奶粉
    	玩具
    	没事保健
    	饰品