html – float:right – 为什么在容器下面?

html – float:right – 为什么在容器下面?,第1张

概述我真的不明白为什么我的浮动:对; div低于容器div.我不知道如何解决这个问题.有人可以解释一下吗?我很久以前在另一个网站上遇到过这个问题,但完全忘记了如果我完成它我是如何设法修复它的.我希望它当然在容器内. <div id="menu"> <div class="categories"></div> <img class="logo" src="#" /> 我真的不明白为什么我的浮动:对; div低于容器div.我不知道如何解决这个问题.有人可以解释一下吗?我很久以前在另一个网站上遇到过这个问题,但完全忘记了如果我完成它我是如何设法修复它的.我希望它当然在容器内.

<div ID="menu">        <div ></div>        <img  src="#" />        <div ></div>    </div>

#menu{    wIDth: 960px;    height: 70px;    margin: auto;    background-color: blue;}#menu .thumb{    background-color: aqua;    float: right;    height: 60px;    wIDth: 400px;}
解决方法 您应该阅读此网页: @L_502_0@

最重要的部分是:

The Great Collapse

One of the more bewildering things about working with floats is how they can affect the element that contains them (their “parent” element). If this parent element contained nothing but floated elements,the height of it would literally collapse to nothing.

您通常可以通过在容器末尾添加“清除”div来解决此问题,如下所示:

<div ID="menu">    <div ></div>    <img  src="#" />    <div ></div>    <div ></div></div>
总结

以上是内存溢出为你收集整理的html – float:right – 为什么在容器下面?全部内容,希望文章能够帮你解决html – float:right – 为什么在容器下面?所遇到的程序开发问题。

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存