gpt4 book ai didi

html - 具有固定图像的自动调整容器大小,文本应填补空白

转载 作者:行者123 更新时间:2023-11-27 23:38:40 24 4
gpt4 key购买 nike

因此,如果不使用 Flex,当另一个 div(固定图像)已经在里面时,我怎样才能让这个文本容器填充父容器的空白?提前致谢。

代码如下:

<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8">

<title>Testing</title>

<style>
#container { width: 50%; height: 100px; margin: 0 auto; border: solid 1px #fb9494;}
.image { height: 100px; width: 100px; background-color: #d9d9d9; float: left;}
.text { width: 100%; background-color: yellow; float: left;}

</style>
</head>

<body>

<div id="container">
<div class="image">image</div>
<div class="text">text</div>
</div>


</body>
</html>

最佳答案

尝试将此添加到 text 类:

.text { 
width: calc(100% - 100px);
height: 100px;
}

演示:http://jsfiddle.net/abbts5n3/

关于html - 具有固定图像的自动调整容器大小,文本应填补空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32663006/

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