我正在研究CSS布局,但我不明白为什么我的导航栏的背景颜色不会显示,除非我添加溢出:隐藏到CSS.有人可以向我解释发生了什么事吗?谢谢 :)
我的CSS文件:
@import "reset.css"; /* Meyer's CSS reset */ body { background-color: #f3f3f3; font: 15px sans-serif; } #wrapper { width: 1000px; margin: 0 auto; } #navigation { width: inherit; margin-top: 20px; background-color: #ccc; overflow: hidden; } #navigation li { float: left; } #navigation li a { display: block; padding: 10px 10px; text-decoration: none; color: #000; } #navigation li a:hover { background-color: #aaa; }
我的HTML文件:
<!DOCTYPE html> <html> <head> <title>Layout</title> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="css/styles.css" /> </head> <body> <div id="wrapper"> <div id="navigation"> <ul> <li><a href="">Nav0</a></li> <li><a href="">Nav1</a></li> <li><a href="">Nav2</a></li> <li><a href="">Nav3</a></li> <li><a href="">Nav4</a></li> <li><a href="">Nav5</a></li> </ul> </div> <div id="header"> </div> <div id="content"> </div> <div id="footer"> </div> </div> </body> </html>
解决方法
原文地址:https://www.jb51.cc/css/216010.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。