CSS滑塊中的文本溢出

Question

我在設計審閱/反饋框時遇到問題。

CSS-

.wellwhite
{
    margin: 0 auto;
    width: 75%;
    padding: 24px;
    margin-top: 35px;
    background-color: #fff;
    border: 2px solid #fff;
    min-width: 269px;
    position: relative;
}
.well-review
{
    padding: 24px;
    border: 1px solid #efefef;
    background: #efefef;
    box-shadow: 1px 1px 1px 1px #ccc;
    position:relative;
}
.slide-feedback
{
    position:relative;
}
.slide-feedback a
{
    position:absolute;

}

腳本

<script type="text/javascript">

        $(function () {
            $('.slide-feedback a').hide();
            $('.slide-feedback a:first-child').show();
            setInterval(function () {
                $('.slide-feedback a:first-child').fadeOut(function () {
                    $(this).appendTo('.slide-feedback');
                }).next().show();
            }, 3000);


        });

</script>

小提琴

問題對我來說似乎很簡單，但還無法解決。 我從邊界類中獲得內容溢出。

注意-

我不想使用overflow:hidden因為審查會根據用戶的反饋而有所不同。

Answer 1

有效的.slide-feedback a position: absolute; 在CSS中...導致它溢出而不是擴展父div。

解決方案： http : //jsfiddle.net/9hE5Y/4/

.slide-feedback a
{
    position:static;

}

Answer 2

嘗試使用overflow：hidden; 在盒子上？ 溢出可以設置為自動，滾動或隱藏。 也可以將overflow-y用於垂直溢出控制。

Answer 3

移除position: absolute; 在.slide-feedback a