css - 模拟显示 block 行为

Question

我有如下所示的 HTML，并且所有内容都显示为 grand，问题是由于 Sharepoint 2013 的编辑器出现问题，您无法编辑链接文本，但是一旦我删除 display: block 我可以编辑链接文本，使用 float 也是如此。

我的问题是有没有一种方法可以模拟 display: block 的影响，它会在不使用 display 或 float 的情况下跨越可用的整个宽度？

<div class="button">
     <a href="#">Link Text</a>
</div>

Answer 1

通过使用 position:absolute 而不使用 display 或 float，可以使内联元素像 block 一样。

但我希望绝对定位不符合您的要求。因此，最后的结论是，您必须使用 display 或 float 属性才能正确呈现它。

如果您甚至使用 absolute，那么不要忘记将 position:relative 保留到您希望成为绝对元素的父元素。