html - 我网站的全宽导航栏

标签 html css

我需要一些帮助。我有一个网站,我想做一些改变,但我不知道怎么做。我在这里阅读了其他问题,但没有帮助。这是我的网站: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;
}

最佳答案

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

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

关于html - 我网站的全宽导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22387135/

相关文章:

jQuery 在显示和隐藏之间卡住

html - MenuToggle 不会显示响应式导航栏

html - 使用 iframe 填充整个剩余屏幕制作表格行

php - 如何在 wordpress 导航中不影响子项的情况下突出显示处于事件状态的父项?

php - 如何仅回显我的 $row 的索引

html - 在不更改格式的情况下将 CSS3 下拉菜单添加到现有菜单项

html - CSS Treeview(嵌套列表),显示为表格

javascript - 焦点文本字段检查它是否是数字

html - 我想在不使用 Bootstrap 的情况下对齐导航栏中的元素

javascript - CSS - 按钮和文本输入在包含日语文本时不对齐