gpt4 book ai didi

html - 如何使图像的高度依赖于 div 内的其他内容?

转载 作者:太空宇宙 更新时间:2023-11-04 00:55:23 26 4
gpt4 key购买 nike

我有一个高度固定的 div 和一个可以包含不同数量文本的内容区域。我需要图像来改变它的高度(图像可以被裁剪),这样所有的东西都能填满 div 的固定高度。

Examples

最佳答案

div.container {
position: relative;
height: 500px;
background: red;
background-image: url('/assets/img/cookie.jpg');
}

div.container>textarea {
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
height: 200px;
}
<html>

<body>
<div class="container">
<textarea>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam hendrerit rutrum finibus. Quisque tincidunt laoreet justo eget posuere. Quisque gravida imperdiet elit, ac volutpat tortor tempor placerat. Sed aliquam, metus ac vulputate varius, arcu diam pulvinar tortor, vel congue massa odio sed sem. Fusce auctor neque non nisl lobortis, nec vehicula nulla malesuada. Vestibulum pellentesque odio tempus, tincidunt augue hendrerit, venenatis libero. Pellentesque convallis luctus rutrum. Nunc vel mauris sit amet nibh laoreet hendrerit vitae vel tellus. Phasellus gravida dui ac venenatis aliquet.

Proin pulvinar pellentesque lorem, a imperdiet massa pulvinar eget. Quisque vitae est lorem. Maecenas porttitor quis dui sit amet ultricies. Phasellus accumsan, augue ac ornare tincidunt, eros diam sollicitudin enim, id vehicula quam justo quis leo. Aliquam at turpis est. Praesent rutrum felis eget justo suscipit finibus et nec enim. Quisque sed eleifend velit, eget fringilla purus. Nunc imperdiet metus luctus laoreet porttitor.
</textarea>
</div>
</body>

</html>

https://codepen.io/anon/pen/xBGNeX

关于html - 如何使图像的高度依赖于 div 内的其他内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54915545/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com