请老师检查

来源:2-4 编程练习

qq_慕容254374

2020-03-11 21:17:55

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    *{

        margin:0;

        padding:0;

    }

    .bodyer{

        width:1100px;

        height:100px;

        background:black;

        position:absolute;

        top:50%;

        left:50%;

        margin-top:-50px;

        margin-left:-550px;

    }

    .one{

        float:left;

    }

    .nav{

        width:auto;

        height: 100px;

        float:right;

    }

    ul li{

        list-style: none;

        float:left;

        margin-right:40px;

        line-height:100px;


    }

    a{

        text-decoration: none;

        color:white;

    }

  </style>

</head>

<body>

    <div class="bodyer">

        <div class="one"><a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"/></a></div>

            <ul class="nav">

                <li><a href="#">课程</a></li>

                <li><a href="#">职业路径</a></li>

                <li><a href="#">实战</a></li>

                <li><a href="#">猿问</a></li>

                <li><a href="#">手记</a></li>

            </ul>

    </div>

  <!-- 此处写代码 -->

</body>

</html>


写回答

2回答

好帮手慕糖

2020-03-12

同学你好,同学查看的是img元素吗?

这个间距不会显示到img元素上,但是会撑开父级div元素,例:

http://img.mukewang.com/climg/5e69a0040934aeb312140451.jpg

若不是指这里,可以详细的描述下,祝学习愉快~

0
hq_慕容254374
h 明白了,老是
h020-03-12
共1条回复

好帮手慕糖

2020-03-11

同学你好,图片有默认间隙,会让整体高度溢出:

http://img.mukewang.com/climg/5e68e8dc09c9783304150159.jpg

图片设置成块元素即可清除,如下:

http://img.mukewang.com/climg/5e68e8f809bb7f0802390094.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0
hq_慕容254374
h 但是我的浏览器检查高度是100,这是怎么回事呢
h020-03-11
共1条回复

0 学习 · 40143 问题

查看课程