Question

我有一点CSS问题。

我在这里概述了这个问题： http://jsfiddle.net/0g4b23hp/

css：

a {
    padding: 7px 10px 5px 10px;
    background: #FF0000;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.bottom-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    padding:5px 10px 5px 10px;
}

我想要实现的是，在所有浏览器中，2个按钮越过黑色边框，并且角落的半径为0px;但我没有把它弄好;

我已经尝试制作padding-bottom:50px和overflow:hidden，但没有成功。

Answer 1

我想要实现的是，在所有浏览器中，2个按钮穿过黑色边框，并且角落的半径为0px;

我认为会做你想做的事。

＆＃13;

a {
    padding: 7px 10px 5px 10px;
    background: #FF0000;
    /* REMOVED
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    */
}
#container {
    width: 500px;
    height: 250px;
    border: 4px solid #000000;
}
.bottom-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    padding:5px 10px 5px 10px;
    transform:translateY(50%);
}
.container {
    position: relative;
}

＆＃13;

<body>
    <div class="container" id="container">
        <div class="bottom-1">
            <div class="background2"></div>	<a href="#">Action 1</a>
	<a href="#">Action 2</a>
        </div>

    </div>
</body>

＆＃13;

隐藏在父边框后面的Css div溢出

1 个答案: