情况:
_______________________________________
| .ParentContainer |
| _______ ____________ |
| | | | | |
| |.Block1| |.Block2 | |
| | | | | |
| | | | | |
| |_______| | | |
| | | |
| | | |
| | | |
| | | |
| |____________| |
|_______________________________________|
我需要在 Block2
之后动态添加 Block3
。更准确地说,在 DOM 中它需要出现在 Block2
之后,但在页面上它必须出现在 Block1 之下。
所以我想看到这样的东西:
_______________________________________
| .ParentContainer |
| _______ ____________ |
| | | | | |
| |.Block1| |.Block2 | |
| | | | | |
| | | | | |
| |_______| | | |
| | | |
| _______ | | |
| | | | | |
| |.Block3| | | |
| | | | | |
| | | |____________| |
| |_______| |
| |
|_______________________________________|
代码很简单:
<div class="ParentContainer clearfix">
<div class="Block1 leftFloat></div>
<div class="Block2 leftFloat></div>
</div>
我有 jQuery,它将在 block2 之后附加下一个 block (Block3
),但我不确定如何使用此标记实现上述结果...
最佳答案
试试这个想法,并使用 jQuery 的 .after():
.ParentContainer div {
float: left;
clear: left;
}
div.Block2 {
float:right;
clear: none;
}
FIDDLE
关于jquery - 如何使用 CSS 实现此定位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20300025/