html – CSS：使auto div的宽度扩展到定位元素

2019年7月2日 189次阅读

我遇到了问题.

如何使div扩展到定位元素的末尾.

.apple {
  background: #ccc;
  width: auto;
}
<div class="apple">
  A for aplle
  <br><a style="position:relative; top:20px;">B for Ball</a>
</div>

这里,div不接受位置改变元素的宽度.如何使它工作.谢谢.

最佳答案 它做它应该做的事情.您将元素定位在它自然落在DOM中的20px下方,因此它位于灰色div之外.我了解你的情况可能会更复杂.你可以做一些像添加填充底部：20px？

.apple {
  background: #ccc;
  width: auto;
  padding-bottom: 20px;
}
<div class="apple">
  A for aplle
  <br><a style="position:relative; top:20px;">B for Ball</a>
</div>
点赞