求代码补充

求代码补充

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    body{padding:0;

        margin:0;

        background-color:#fff;

    }

      .nav li{list-style:none; }

      a{text-decoration:none;}

     .header{width:1100px; height:100px;margin:0 auto;background-color:black; position:absolute; top:50%;left:50%;margin-top:-50px;margin-left:-550px;}

     .header .logo{float:left; margin:0px;}

     .header .nva{float:right; }

     .nav a{float:left;padding:25px;color:#fff;}

     

  </style>

</head>

<body>

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

  <div class="header">

      <div class="logo">

          <a href="#"><img src="http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png"></a></div>

          <div class="nav">

              <ul>

                  <li><a href="#">123</a></li>

                   <li><a href="#">123</a></li>

                    <li><a href="#">123</a></li>

                     <li><a href="#">123</a></li>

              </ul>

          </div>

      </div>

  </div>

</body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2019-07-05 11:05:04

你好同学,代码还需要完善的如下:

1.初始化要使用通配符给所有元素设置,否则给body设置margin和padding不会继承给子元素哦

http://img1.sycdn.imooc.com//climg/5d1ebd7600019c0105430177.jpg

2.导航类名拼错

http://img1.sycdn.imooc.com//climg/5d1ebc4e0001086e03330067.jpg

如下修改:

http://img1.sycdn.imooc.com//climg/5d1ebc730001020103620087.jpg

3.不要直接给a设置浮动,因为它外边还嵌套li,要给li设置,否则a浮动了,但是父元素还在原地显示。效果就不对了。a是行内元素宽高都是文字撑开的,可以设置成块元素更好哦

http://img1.sycdn.imooc.com//climg/5d1ebdce00016fda08120343.jpg

4.logo区域a作为行内元素不能被图片撑开,并且有默认的间隙,这个间隙是一个特殊现象。

http://img1.sycdn.imooc.com//climg/5d1ebe1b00012fab04750188.jpg

所以要把行内元素转换为块元素更好:

http://img1.sycdn.imooc.com//climg/5d1ebe59000196a602460070.jpg

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师