前端错误

1. font-size :0;不能随便写,特别是不能写在最高父级的div里;

前端错误

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        body{
            margin:0;
        }
        .c2{
            width:80%;
            height:50px;
            margin:50px auto 0;
            /*font-size: 0;*/
        }
        .ccz01{
            display: none;
            position: absolute;
            background-color: #b0b0b0;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        }
        .dropdown:hover .ccz01{
            display: block;
        }
        .desc {
            padding: 15px;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="c2">
    <div class="dropdown">
            <a href="#" class="dropbtn">Django基础</a>
            <div class="ccz01">
                <img src="../image01/01.png" alt="">
                <div class="desc">学的不仅是技术,更是梦想!</div>
            </div>
        </div>
</div>
</body>
</html>

  (2)

上一篇:一种css效果:标题带色块


下一篇:总结那些有默认margin,padding值的html标签