1

我已经尝试过所有不集中的屏幕检测导航栏

#navcontainer { 
    margin: 0 auto; 
    width: 100%; 
    height: 44px; 
}
.menu { 
    font-size: 13px; 
    color: #000; 
    z-index: 1001; 
    margin: 0px; 
    position: absolute;  
    z-index: 30; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul { 
    margin: 12px 0 0 0px;
}
.menu ul li { 
    float: left;
}
.menu .part01 { 
    width: 400px; 
    margin: 10px 0 0 70px; 
    float: left;
}
.menu .part02 { 
    margin: 10px 0 0 695px; 
    width: 400px;
}

这是我的网站

在此处输入图像描述

4

2 回答 2

0

您需要更改以下内容：

.index_container {
    display: block;
    margin: 45px auto 0;
    min-height: 450px;
    width: 100%;
}

.slideshow {
    margin: 0 auto;
    width: 950px;
}

.span-25 {
    margin: 0 auto;
    padding: 0;
    width: 1105px;
}

这将移除float:left;载玻片支架上的，并使它们在其容器中保持居中，而容器又在其容器中保持居中，该容器是 100% 宽的。这与您的菜单布局相同，因此它们现在匹配。

于 2013-07-15T08:15:30.660 回答
0

将您的菜单导航作为一个单独的 UL LI 列表块，与当前分为 2 个 UL 列表和徽标放置在两者之间的相比。

一旦你把所有东西都放在一个容器中，你可以让这个菜单响应，添加到父容器并添加样式边距：0 auto; 我可以看到你已经有了。

您的代码应如下所示：

<div id="menu" style="width:80%; margin: 0 auto;">
<ul>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
<li class="logo"></li>
<li>Item x...</li>
<li>Item x...</li>
<li>Item x...</li>
</ul>
</div>
于 2013-07-15T08:08:09.120 回答