[英]text overflowing in css slider
我在设计审阅/反馈框时遇到问题。
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
因为审查会根据用户的反馈而有所不同。
有效的.slide-feedback a
position: absolute;
在CSS中...导致它溢出而不是扩展父div。
解决方案: http : //jsfiddle.net/9hE5Y/4/
.slide-feedback a
{
position:static;
}
尝试使用overflow:hidden; 在盒子上? 溢出可以设置为自动,滚动或隐藏。 也可以将overflow-y用于垂直溢出控制。
移除position: absolute;
在.slide-feedback a
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.