gpt4 book ai didi

html - 如何获得具有自动高度和 float div 的容器 Div?

转载 作者:搜寻专家 更新时间:2023-10-31 22:01:22 25 4
gpt4 key购买 nike

我有以下 HTML

<style type="text/css">
<!--
.msg_ok{
font-family: "Trebuchet MS";
font-weight: bold;
font-size: 16px;
margin:0 auto;
padding:10px;
width:500px;
height:auto;
display:block;
}
.msg_ok{
background-color:#DCFFB9;
border:#003300 1px solid;
color:#003500;
}
-->
</style>

<div class="msg_ok" style="height:auto;">

<div style="display:block;float:left;width:350px; height:auto;">
<p>line 1<br>
line2<br>
line3<br>
line4<br>
line5<br>
</p>
</div>
<div style="display:block;float:left;width:100px; height:auto;">
<a href="#">Print</a>
</div>

</div>

我得到了这个结果

enter image description here

但是我如何才能得到如下所示的结果,容器 div 的自动高度与内部 float div 的大小相符?

enter image description here

提前致谢

最佳答案

添加这些

.msg_ok{
overflow:hidden;
zoom:1;
}

并删除 height:auto,这是无用的,因为高度始终是自动的(默认情况下)。您面临的问题是如何包含 float

关于html - 如何获得具有自动高度和 float div 的容器 Div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9582582/

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