html中div框之后,css – 在后续元素之后的位置结束div框

这可能取决于那些div之后的内容.如果那里什么也没有,你可以使用position：absolute;上：100％;在第一个div上实现：

​#container { position: relative; border: 1px solid red; }

#one { position: absolute; top: 100%; }

#one,#two,#three { width: 300px; height: 200px; border: 1px solid #ccc; }

http://jsfiddle.net/xjnrE/

但是,如果在#container div之后有任何内容,它将在#one下(至少部分,取决于高度;请参阅demo).

请记住,如果元素是“在流中”(即,它没有定位而不是浮动),它将根据标记上的出现顺序(以及因此DOM)进行渲染.这意味着您必须使用JavaScript来更改DOM中元素的实际位置：

var container = document.getElementById('container');

var one = document.getElementById('one');

container.appendChild(one);

http://jsfiddle.net/xjnrE/3/