我的网站的全宽导航栏

I need some help. I have a website and I want to make some changes, but I don't know how. I read other questions here, but they didn't help. This is my website: http://www.bijuterii-din-inox.ro.

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

I want my nav bar to be the full width of the page. Can you please give me a hand!? Thanks.

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

This is my css:

这是我的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;
}

2 个解决方案

#1

use width:100% for the nav bar..!!

使用宽度:导航栏100%.. !!

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

#2

Maybe you should change a bit more the styles, but below I paste some styles which will work better:

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

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

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

#1