<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 – 为什么在容器下面?所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)