CSS - 适合家长空间的100%?
我想在链接(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