CSS 居中问题 代码是产品列表,在首页调用显示在屏幕左边,不正常, 点击菜单“产品中心”进去,显示正常

html-css013

CSS 居中问题 代码是产品列表,在首页调用显示在屏幕左边,不正常, 点击菜单“产品中心”进去,显示正常,第1张

先试试这样吧

在通用选择器里设置margin:0

在你设置的这个盒子里再设置margin:0 auto;

主要是你没有图片,和部分代码,是很难看出实际问题出现在哪的

这个嘛。。。有点难度,我给你整理下,你要给我好评啊,顺带给加点分吧。

/*

所有页面都所使用模块的样式

css.css

只要在所有页面出现过的区块都写在这里,包括布局的样式

/*

首页所使用模块的样式

css_index.css

只要在首页出现过的区块都写在这里,包括布局的样式

/*

在商品首页及促销模块列表中所使用的样式

css_products.css 商品首页及促销模块页面所用到的样式

/*

商品小类页面使用的样式

css_list.css 商品小类页面所用到的样式

css_list1.css 商品小类页面所用到的样式

css_list2.css 商品小类页面所用到的样式

/*

关于产品大类及商品详细的样式

css_Cate.css 产品大类及商品详细所用到的样式

/*

关于文章的的样式

css_events.css 文章类的样式

/*

其他应用模块样式

css_others.css 部分配套模块页面所用到的样式

/*

注册认证使用的样式

css_user.css 注册认证中所有页面所用到的样式

/*

会员中心使用的样式

css_member.css 会员中心中所有页面所用到的样式

/*

购物流程中所使用到的样式

css_Cart.css 购物流程中所有页面所用的样式

<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4     <meta charset="UTF-8"> 5     <title>Document</title> 6     <style> 7         ul{ 8             list-style: none 9         }10         .nav>li{11             float: left12         }13         ul a{14             display: block15             text-decoration: none16             width: 100px17             height: 50px18             text-align: center19             line-height: 50px20             color: white21             background-color: #2f3e4522         }23         .nav>li:first-child a{24             border-radius: 10px 0 0 10px25         }26         .nav>li:last-child a{27             border-radius: 0 10px 10px 028         }29         .drop-down{30             /*position: relative*/31         }32         .drop-down-content{33             padding: 034             display: none35             /*position: absolute*/36         }37         38         h3{39             font-size: 30px40             clear: both41         }42         .drop-down-content li:hover a{43             background-color:red44         }45         .nav .drop-down:hover .drop-down-content{46             display: block47         }48 </style>49 </head>50 <body>51     <ul class="nav">52         <li><a href="#">下拉菜单</a></li>53         <li class="drop-down"><a href="#">下拉菜单</a>54             <ul class="drop-down-content">55                 <li><a href="#">我是1</a></li>56                 <li><a href="#">我是2</a></li>57                 <li><a href="#">我是3</a></li>58             </ul>59             </li>60         <li><a href="#">下拉菜单</a></li>61         <li><a href="#">下拉菜单</a></li>62         <li><a href="#">下拉菜单</a></li>63     </ul>64     <h3>我是测试文字</h3>65 </body>66 </html>