两个窗格一个HTML窗口

我想让HTML使用水平规则垂直分割屏幕

从那以后，我有两件事我不知道怎么做，我也想做

1：让html将每一面视为一个单独的区域，以便我可以使用此css将左侧居中：

html，body，#tbl_wrap{height:100%；width:100%；padding:0；margin:0；}

#td#u wrap{垂直对齐：中间；文本对齐：中间；}

这个html：

`<table id="tbl_wrap">
<tbody>
<tr>
<td id="td_wrap">
<!-- START: Anything between these wrapper comment lines will be centered-->
<div style="border: 1px solid white; display: inline-block;">
</div>
<!-- END: Anything between these wrapper comment lines will be centered -->
</td>
</tr>
</tbody>
</table>`

`
`

2：让我用水平尺创建的行随页面滚动或随页面长度增长

如有任何帮助或参考资料，将不胜感激。谢谢。

<div style="float:left;border: 0px solid; width: 49%;overflow-y:scroll;text-align: center">
panel 1
</div>
<div style="float: left; height: 100%"><hr width="2" style="height: 100%" color="green"></div>
<div style="float:right; border: 0px solid; width: 49%;overflow-y:scroll;text-align: center">
panel 2
</div>

小组1

小组2

谢谢！这太完美了！在没有滚动条的情况下是否可以执行此操作？@Akmedrah-yes移除溢出-y:在两个div tagsthank中滚动！这很有帮助！