float:left的一组设置了尺寸的div，如何让其中一个高度变大，可以覆盖下面一行的div而且其他的位置不变

发布网友发布时间：2022-04-20 21:14

共3个回答

热心网友时间：2022-04-20 22:44

中间div里加个比较高的div定位
<style>
.f{ float:left; width:98px; height:98px; border:solid 1px #000; background-color:#CCF}
</style>
<div style="width:300px;">
<div class="f"></div>
<div class="f"></div>
<div class="f"></div>

<div class="f"></div>
<div class="f" style="position:relative; background-color:#096">
<div style="position:absolute; left:-1px; top:-1px; width:98px; height:150px; background-color:#F00;"></div>
</div>
<div class="f"></div>

<div class="f"></div>
<div class="f"></div>
<div class="f"></div>
</div>

热心网友时间：2022-04-21 00:02

感觉只能设置这个为position:absolute;在红色下面也设置一个没内容的模块占位。。。。

热心网友时间：2022-04-21 01:36

用三个div,第一个浮动左边,中间的div浮动左边,在设置一个外边距-left:XXpx; 最后一个div浮动右边