黑夜里的黑猫^ 2021-12-22 17:48 采纳率: 100%
浏览 29
已结题

margin-top失效


<cont-two>
<div class="box2">
<div class="box2-1">
<a href="#">品牌:</a>
           </div>

<div class="box2-2">
    <a>西捷</a>
    <a>Mr.Fruit/果管家</a>
    <a>果帝香天</a>
    <a>Blue Snow/蓝雪</a>
    <a>SXD/首鲜道</a>
    <a>DANASTORY/当年故事</a>
    <a>Seami/禧美果业</a>
    <a>果鼎鲜</a>
    <a>悦胜</a>
    <a>鲜有汇聚</a>
    <a></a>
    <a></a>
</div>
    
</div>
</cont-two>

cont-two{
    position: relative;
    width: 100%;
    height: 200px;
}
.box2{
    position:absolute;
    margin-left:180px;
    width: 1200px;
    height: 60px;
    border: solid #A8A8A8 2px;
    
}
.box2 .box2-1{
    display:inline-block;
    width: 100px;
    height: 100%;
    background-color: whitesmoke;
}
.box2 .box2-1 a{
    display:inline;
    text-decoration: none;
    color: #ADADAD;
    margin-left: 25px;
    margin-top: 20px;
}
.box2 .box2-2{
    display: inline;
    width: 50px;
    
}
.box2 .box2-2 a{
    display:inline;
    font-size: 14px;
    color: slategray;
    margin-top:14px;
}
  • 写回答

1条回答 默认 最新

  • 落落Plus 2021-12-22 17:53
    关注

    display:inline-block;

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月30日
  • 已采纳回答 12月22日
  • 创建了问题 12月22日