gpt4 book ai didi

html - 当两个 div float 时设置 div 的宽度(自动)

转载 作者:太空宇宙 更新时间:2023-11-04 12:36:06 24 4
gpt4 key购买 nike

我有以下HTML:

<div style="width:300px;background:yellow;">
<div style="float:left;border:solid 2px red;"><!--Img Div-->
<img src="https://cdn2.iconfinder.com/data/icons/despicable-me-2-minions/128/Dancing-minion-icon.png">
</div>
<div style="border:solid 2px lime;float:left;"><!--Text Div-->
Banana!
</div>
<div style="clear:both;"></div>
</div>

我需要设置 Text Div 的宽度,使其占据剩余宽度。我知道这可以通过将 width 样式属性用作 width:164px; 来完成。我需要知道的是:是否可以在不使用其他 css 属性手动设置宽度的情况下

最佳答案

1) 从文本 div 中移除 float:left

2)在文本div上设置overflow:hidden(或auto)

Updated fiddle

这会创建一个新的 block 格式化上下文,它会导致文本 div 填充剩余的宽度

关于html - 当两个 div float 时设置 div 的宽度(自动),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27267473/

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