可调整大小的div并排

Question

  

可能重复：
  JQuery/JQueryUI hortizontal divider

如何并排放置两个div并使它们同时调整大小。我想要两个div之间的可移动分隔符的效果，如Windows资源管理器。

Answer 1

其中一个div必须是另一个的容器。浮动内部div并在外部div上设置边距以匹配内部的宽度。这将允许每个div的内容显示它需要水平的位置。然后将内部高度设置为100％，这样它总是填充外部div上的垂直空间，并且可以根据需要拉伸它。