将内联块元素清除到下一行

Question

我想要将内联块元素(在这种情况下是<a>a内<p>)清除到下一行,而不必设置display:block和定义宽度.

这是一个例子:http://jsfiddle.net/alecrust/zstKf/

这是期望的结果(使用display:block和定义宽度):http://jsfiddle.net/alecrust/TmwhU/

Answer 1

这有点混乱，但它会起作用：

a {
    display: inline-block;
    padding: 5px 18px;
    background-color: #8C4AD5;
    text-decoration: none;
    position:relative;
    top:25px;
    left:-30%
}

您必须捏造左侧位置，但这基本上会让您重新设置一个已知值，就像示例中的宽度问题一样display:block。其实并没有更好，只是采用了不同的方法。