我的网站的全宽导航栏

Question

我需要一些帮助。我有一个网站，我想做一些改变，但我不知道如何。我在这里读了其他问题，但他们没有帮助。这是我的网站：http://www.bijuterii-din-inox.ro。

我希望我的导航栏成为页面的整个宽度。你能帮帮忙吗？？感谢。

这是我的css：

#top_nav {
    padding: 0 2px;
}

#top_nav ul {
    display: block;
    height: 43px;
}

#top_nav ul li i,
#top_nav ul li b {
    display: none;
    float: none;
    width: auto;
    height: auto;
}

#top_nav ul li a {
    float: left;
    height: 43px;
    line-height: 43px;
    padding: 0 20px;
    font-weight: 700;
}

#top_nav ul li.first a {
    padding-left: 20px;
}

#top_nav ul li.last,
#top_nav ul li.single {
    background: none;
}

#top_nav ul li.single a {
    padding-left: 0;
    padding-top: 2px;
}

Answer 1

使用width:100%作为导航栏.. !!

#top_nav {
width:100%;
padding: 0 2px;
}

Answer 2

也许你应该更改一些样式，但在下面我粘贴一些效果更好的样式：

.hd_wide,.doc4,#top_nav ul{
 width:100% !important;
}

.doc4{
  font-size:1em !important;
  margin-left:0px !important;
  margin-right:0px !important;
}