HTML – 溢出隐藏隐藏下拉列表,但隐藏溢出隐藏导航背景

概述首先,这是一个.js小提琴： http://jsfiddle.net/B6DSv/ 我遇到的问题是我的.css： nav { overflow: hidden; /*THIS LINE*/ background-color: #004b98; width: 100%; margin: 0; padding: 0;} 和这里： <nav> <ul> 首先,这是一个.Js小提琴： http://jsfiddle.net/B6DSv/

我遇到的问题是我的.CSS：

nav {    overflow: hIDden; /*THIS liNE*/    background-color: #004b98;    wIDth: 100%;    margin: 0;    padding: 0;}

和这里：

<nav>    <ul>        <li><a href="index.HTML">Home</a>            <ul>                <li><a href="#">teadsfasdfadsst</a></li>            </ul>        </li>        <li><a href="#">gallery</a></li>        <li><a href="#">Map</a></li>    </ul></nav>

如果我脱掉溢出：隐藏;,下拉工作…但我的背景被取消了.

解决方法 由于子元素是浮动的(从文档流中取出),因此父元素nav会自行折叠;因此,未显示背景,因为nav的高度为0.

而不是使用overflow：hIDden来修复此问题,而只需在元素中添加一个clearfix：

Updated Example

nav:after {    content:'';    clear:both;    display:table;}

总结

以上是内存溢出为你收集整理的HTML – 溢出隐藏隐藏下拉列表,但隐藏溢出隐藏导航背景全部内容，希望文章能够帮你解决HTML – 溢出隐藏隐藏下拉列表,但隐藏溢出隐藏导航背景所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。