gpt4 book ai didi

html - 为什么在这种情况下 margin 默认值不是 0?

转载 作者:太空宇宙 更新时间:2023-11-04 10:32:31 25 4
gpt4 key购买 nike

我有一个绝对定位的 div,然后在其中有一个 ul 元素。对于某些 ul 没有将 margin: 0 作为默认值。

* {
box-sizing: padding-box;
display: block;
}
.userinfo {
position: relative;
width: 500px;
height: 500px;
border: 1px solid red;
cursor: default;
}
.userinfo .sprite {
position: absolute;
width: 50px;
height: 35px;
right: 21px;
bottom: 8px;
border: 1px solid red;
}
.userinfo .sprite ul {
position: absolute;
width: 42px;
height: 15px;
left: 0;
top: 0;
border: 1px solid red;
}
.userinfo .sprite ul .themes {
position: absolute;
width: 13px;
height: 14px;
left: 0;
top: 0;
background: url("http://www.w3schools.com/css/img_navsprites.gif") -23px 0;
cursor: pointer;
border: 1px solid red;
overflow: hidden;
}
.userinfo .sprite ul .user_lang {
position: absolute;
width: 20px;
height: 12px;
right: 0;
top: 0;
background: url("http://www.w3schools.com/css/img_navsprites.gif") -23px 0;
cursor: pointer;
border: 1px solid red;
overflow: hidden;
}
<a class="userinfo" href="#">


<div class="sprite">
<ul>
<li class="themes"></li>
<li class="user_lang"></li>
</ul>
</div>

</a>

我的问题是,为什么 ul 元素的边距不为 0?

最佳答案

除非指定,否则边距由您的浏览器默认定义。

例如这里是 webkit 默认样式:Default webkit styling

为了解决这个问题,您需要做的是明确声明边距为 0px 的值。还有类似 this CSS snippet 的东西可能会帮助您解决所有问题。

关于html - 为什么在这种情况下 margin 默认值不是 0?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36399779/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com