gpt4 book ai didi

html - 导航栏拉伸(stretch)我页面的整个宽度

转载 作者:太空宇宙 更新时间:2023-11-04 13:52:58 25 4
gpt4 key购买 nike

所以我正在使用这个人代码 http://www.lwis.net/free-css-drop-down-menu/我想让菜单栏拉伸(stretch)到我页面的整个宽度。

我使用的是 nvidia 主题,您可以通过在上面的链接上下载 zip 文件找到原始代码。

fiddle http://jsfiddle.net/6Yy4R/

CSS代码

ul.dropdown {
font: normal 16px "Square", Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

ul.dropdown li {
padding: 7px 0;
background-color: #000;
color: #fff;
line-height: normal;
}

ul.dropdown a:link,
ul.dropdown a:visited { color: #fff; text-decoration: none; }
ul.dropdown a:hover { color: #005CE6; text-decoration: none; }
ul.dropdown a:active { color: #fff; }


ul.dropdown ul {
width: 170px;
background-color: #333;
color: #fff;
font-size: 12px;
text-transform: none;
filter: alpha(opacity=90);
-moz-opacity: .9;
KhtmlOpacity: .9;
opacity: .9;
}

ul.dropdown ul li {
background-color: transparent;
color: #000;
filter: none;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
background-color: transparent;
}

ul.dropdown ul a:link,
ul.dropdown ul a:visited { color: #fff; }
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
ul.dropdown ul a:active { color: #fff; }

ul.dropdown *.dir {
padding-right: 12px;
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
}

ul.dropdown li a {
display: block;
padding: 7px 14px;
}


/* -- Base style override -- */

ul.dropdown li {
padding: 0;
}


/* -- Base style reinitiate: post-override activities -- */

ul.dropdown li.dir {
padding: 7px 20px 7px 14px;
}

ul.dropdown ul li.dir {
padding-right: 15px;
}


/* -- Custom -- */

ul.dropdown ul a {
padding: 4px 5px 4px 14px;
width: 151px; /* Especially for IE */
}

ul.dropdown ul a:hover {
background-color: #005CE6;
}


/* -- Drop-down open -- */

ul.dropdown li:hover > a.dir {
background-color: #2e2e2e;
color: #005CE6;
}

ul.dropdown ul li:hover > a.dir {
background-color: #76b900;
color: #fff;
}

最佳答案

如果只是让 ul 为全宽,则需要清除 float 并应用背景颜色

JSFiddle

ul.dropdown {
background-color: #f00;
overflow:hidden; /* quick clearfix */
}

关于html - 导航栏拉伸(stretch)我页面的整个宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22095910/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com