Salin selepas log masuk
<!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>
@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;
补充：是同一台机器
你的页面结构复制乱了，如下浏览器直接查看，side那个div应该属于#mainNav 下的
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
