我有一个设置在容器内的图像作为背景图像,在它上面我试图放置一个盒子,我应该写文本,但我的问题是,如果文本太长,那么它增加了高度框和它显示在背景图像之外.
我希望盒子及其中的文本总是在图像区域内,无论文本有多长,整个文本应该是可见的(即图像应该以盒子及其文本应始终在里面的方式调整自己如果它也响应也会很棒)
我希望盒子及其中的文本总是在图像区域内,无论文本有多长,整个文本应该是可见的(即图像应该以盒子及其文本应始终在里面的方式调整自己如果它也响应也会很棒)
.container2 { margin-left: 1%; margin-right: 1%; height: auto; max-width: 100%; } .newtestiimg2 { background-image: url("../testimonial/page.jpg"); background-repeat: repeat-x; height: 650px; width: 100%; color: rgb(255,255,255); } .comment01 { position: absolute; padding: 20px; margin-left: 25%; width: 50%; height: auto; margin-top: -600px; color: #FFF; background-color: #000; margin-right: 25%; }
<div class="container2"> <div class="newtestiimg2"></div> <div class="comment01"> <div class="service-wrapper01"> What is fosho ? </div> <p> </p> <p>lorem ipsum lorem ipsum .... long text continues</p> </div> </div>
解决方法
你应该设置固定的高度和宽度,并在CSS中使用溢出.
例:
div { width: 150px; height: 150px; overflow: scroll; }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。