前端练习 margin：0不生效

详情如代码

margin效果并没有生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>维客闯天涯</title>
    <meta name="keywords" content="这个是设置关键字搜索的这里，填写关键字就好了如“欧美，日韩，国产">
    <meta name="description" content="这个是用来描述网站的，如：这个网站没有什么好描述的"/>
<!--    以下是专门针对IE浏览器设置，在IE浏览器上运行时，按照最新的默认渲染页面，例如：使用 IE10 浏览器访问页面，如果在IE浏览器兼容中切换到IE8，倘若没有设置X-UA-Compatible，那么页面就会按照IE8模式去显示页面，而设置X-UA-Compatible之后，浏览器永远会按照最新的默认来对页面进行渲染。-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--    国产浏览器都是默认使用IE内核（兼容模式），如下设置可以让部分国产浏览器默认按照高速模式渲染页面。-->
    <meta name="renderer" content="webkit">
<!--    支持触屏缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=yes">
<!--    不支持触屏缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="shortcut icon" href="5.ico">
<!--    上面的是网页的图标，下面这个是隔多长时间刷新一次网页或者隔多长时间跳转到新的页面-->
<!--    <meta http-equiv="Refresh" content="5"/>-->
<!--    <meta http-equiv="Refresh" content = "2;url = https://www.baidu.com"/>-->
    <style>
        body{
            margin:0;
        }
        .wk-head{
                margin:0;
                height:44px;
                background-color:black;
<!--                里面的按44像素上下居中-->
                line-height:44px;
        }
        .head1{
              width:1310px;
        }
        ul li{
             float:left;
             padding:0 8px 0 8px;
             color:grey;
             cursor:pointer;
        }
        ul ul li{
                 float:right;
                 padding:0 12px 0 12px;
                 color:grey;
                 cursor:pointer;
        }
<!--        当鼠标移到到li标签上面时，自动应用一下样式-->
        ul li:hover{
             background: LightSlateGray;
        }
        .cl{
           width:500px;
        }
    </style>
</head>
<body>
<!--    <a href="https://www.bilibili.com/video/BV1u4411h7mF?from=search&seid=16102578061023866341" title="你爱看的 站">感觉我做的不好去看这个去</a>-->
    <div class="wk-head">
        <div class="head1">
            <ul style="list-style-type:none;">
            <li>小米商城</li>
            <li>MIUI</li>
            <li>LOT</li>
            <li>云服务</li>
            <li>天星数科</li>
            <li>有品</li>
            <li>小爱开放平台</li>
            <li>企业团购</li>
            <li>资质证照</li>
            <li>协议规则</li>
            <li>下载app</li>
            <li>智能生活</li>
            <li>Select Location</li>
            </li>
            </ul>
        </div>
        <div class="c1">
            <ul>
                <ul>
                    <li>
                    <select>
                        <option>定位当前地址</option>
                        <option>北  京</option>
                        <option>上  海</option>
                        <option>广  州</option>
                        <option>深  圳</option>
                        <option>西  安</option>
                        <option>茅  台</option>
                    </select>
                    </li>
                    <li>消息通知</li>
                    <li>注册</li>
                    <li>
                        <input type="submit" value="登录">
                    </li>
                </ul>
            </ul>
        </div>
    </div>


</body>
</html>

margin-top: 0

这是几个ul的问题，添加样式ul{margin:0;}就可以了

top-margin :0px

top-margin :0px,或者margin {0,0,0,0}

设置head1的高度100%，设置ul的margin值为0

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632