Question

我已经尝试应用.btn { background-color: red; padding: 10px; height: 20px; } .btn:before { content: ''; min-height: 60px; /*dont mind*/ width: 100px; /*issue*/ margin: -10px -10px; background-color: blue; position: absolute; z-index: -1; }但它没有帮助，我想要的是制作可点击的，外部填充。

＆＃13;

<a href="#" class="btn">btn</a>

＆＃13;

{% form_theme form 'register-form-theme.html.twig' %}

{% trans_default_domain 'FOSUserBundle' %}

{{ form_start(form, {'method': 'post', 'action': path('fos_user_registration_register'), 'attr': {'class': 'fos_user_registration_register'}}) }}
    {{ form_widget(form) }}
    <div>
        <input type="submit" value="{{ 'registration.submit'|trans }}" />
    </div>
{{ form_end(form) }}

＆＃13;

如果pxs是手动且％不能使用（绝对定位），我如何匹配内部宽度与：宽度之前

Answer 1

使用position: relative突然您可以使用百分比值。

.btn {
  background-color: red;
  padding: 10px;
  height: 20px;
  position: relative;
}

.btn:before {
  content: '';
  min-height: 60px; /*dont mind*/
  width: 100%;
  /*issue*/
  margin: -10px -10px;
  background-color: blue;
  position: absolute;
  z-index: -1;
}

<a href="#" class="btn">btn</a>

：之前和元素一样宽

1 个答案: