HTML – 如何获得一个容器Div与自动高度和内部浮动div?

HTML – 如何获得一个容器Div与自动高度和内部浮动div?,第1张

概述我有以下 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; 我有以下 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  >        <div >          <p>line 1<br>          line2<br>          line3<br>          line4<br>          line5<br>          </p>        </div>        <div >        <a href="#">Print</a>        </div>      </div>

我得到了这个结果

但是我怎么能得到如下结果,容器div的自动高度适合其大小与内部的浮动div?

提前致谢

@H_403_20@解决方法 添加这些

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

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

总结

以上是内存溢出为你收集整理的HTML – 如何获得一个容器Div与自动高度和内部浮动div?全部内容,希望文章能够帮你解决HTML – 如何获得一个容器Div与自动高度和内部浮动div?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1048089.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存