什么可能导致锚伸出div或列表

Question

我对列表标签有问题，列表标签可能不止一行，也必须是锚。 是否有人知道它的锚是什么使它们很难设计？

我会在这里删除一些html和css，以防你认识到某些事情

transpose

而不是我有这个css：

<div class="tagsList">
     <ul>
         <a href="linksmth"><li><span class="tagSpan">Tag name here</span></li></a>
     </ul>
</div>

我在这里和那里试过但却找不到任何相关的东西。可能是什么问题？

Answer 1

首先，ul代码只应包含li，

因此<a> display的初始值为inline，因此如果您将其更改为display: inline-block，则可以轻松控制{{1}和其他东西。

＆＃13;

＆＃13;

margin

＆＃13;

span.tagSpan {
  background: #e7ebee;
  padding: 5px 10px;
  float: left;
}
a {
  display: inline-block;
}
.with-margin {
  margin: 100px;
}

＆＃13;

＆＃13;

＆＃13;