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>

Fiddle

问题对我来说似乎很简单，但还无法得到解决方案。我从边界类中获得了内容溢出。

注意 -

我不想使用overflow:hidden，因为审核会因用户的反馈而有所不同。

Answer 1

在CSS中，活跃的.slide-feedback a被赋予position: absolute; ...导致它溢出而不是展开父div。

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

.slide-feedback a
{
    position:static;

}

Answer 2

尝试使用overflow：hidden;在盒子上？溢出可以设置为自动，滚动或隐藏。也可以使用overflow-y进行垂直溢出控制。

Answer 3

删除position: absolute;

上的.slide-feedback a

文本在css滑块中溢出

3 个答案: