前端之家收集整理的这篇文章主要介绍了
html – CSS Float – 内容保持在默认堆栈位置,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在
页面中有两个具有相同宽度和高度的div.
如果我给浮动:左边第一个div,第二个div上升(这很好,因为浮动元素从正常文档流中取出)
但是,为什么div的内容仍然显示在默认的堆栈位置?
JsFiddle如下
http://jsfiddle.net/xR9Rd/2/
<div class="Box0">Box 0</div>
<div class="Box1">Box1</div>
.Box0 {
width: 100px;
height: 100px;
background-color: brown;
float: left;
}
.Box1 {
width: 100px;
height: 100px;
background-color: red;
}
原文链接:https://www.f2er.com/html/231853.html