CSS - 适合家长空间的100％？

  • Z时代
  • 2024-01-10
  • 分类：问答

我想在链接（href）标签内创建一个跨度，我希望跨度占用父链接元素的高度100％。我一直在尝试与相对/绝对的位置，但没有作品。CSS - 适合家长空间的100％？

实施例：

http://jsfiddle.net/dDZRj/

回答：

是这个吗？

http://jsfiddle.net/dDZRj/11/

body { 
    margin: 25px; 
} 
.button { 
    margin: 5px; 
    color: #fff; 
    background: #999; 
    display: inline-block; 
    padding: 10px 0; 
    text-decoration: none 
} 
.button span { 
    padding: 10px; 
    border: solid 1px red; 
    width: 100%; 
} 
.big { 
    font-size: 2em; 
}

回答：

尝试改变跨距：

display: block;

回答：

测试在浏览器。

http://jsfiddle.net/loktar/dDZRj/4/

CSS

body { 
    margin: 25px; 
} 
.button { 
    margin: 5px; 
    color: #fff; 
    background: #999; 
} 
.button span { 
    border: solid 1px red; 
} 
.big { 
    font-size: 2em; 
}

标记

<a href="#" class="button"><span>Click me!</span></a> 
<a href="#" class="button big"> 
    <span>Click me!</span></a> 
<a href="#" class="button"> 
    <span>Click me!</span> 
</a>

回答：

在Firefox中至少你需要我们的源代码更改为：

<a href="#" class="button"> 
    <span>Click me!</span></a> 
<a href="#" class="button big"> 
    <span>Click me!</span></a> 
<a href="#" class="button"> 
    <span>Click me!</span></a>

但除此之外，@ Loktar的CSS的伟大工程:)

回答：

我认为这是你是什么之后，a可以在宽度任何规模大小和span将调整其大小相匹配。哦，还有填充。

http://jsfiddle.net/dDZRj/12/

以上是 CSS - 适合家长空间的100％？ 的全部内容， 来源链接： utcz.com/qa/257348.html

回到顶部