主题：两个页面怎样能正好位置对接，不互相覆盖？

---

以下内容是专门发给有点蓝浏览

---

 

此主题相关图片如下：qq截图20230527004345.png

js代码：

function myfunction(){

    submitAjaxForm('form1','',false);
   document.getElementById("bz").value='';
}

 

 

问题1：default页面，我现在分了page1和page3两个页面，见源码，我想实现page1和page3中间正好连接上，现在的页面是page3覆盖了page1，造成page1最下边的数据看不到了。

问题2：点击确定按钮后，怎样能将page1页面的数据刷新一下，也就是提取最新的数据进来，并且将最新的记录显示到最下边，模拟成聊天的界面。

问题3：我用“李四”账号登录后，点击确定按钮后，可以正常增加数据，但是谷歌控制台，总是有红色错误提示，不知道为什么。

1、2.使用了绝对定位，这个比较麻烦，要很多额外的处理，自行学学把：https://sweet-kk.github.io/css-layout/#/?id=%E5%90%84%E7%A7%8D%E9%A1%B5%E9%9D%A2%E5%B8%B8%E8%A7%81%E5%B8%83%E5%B1%80%E7%9F%A5%E5%90%8D%E7%BD%91%E7%AB%99%E5%AE%9E%E4%BE%8B%E5%88%86%E6%9E%90%E7%9B%B8%E5%85%B3%E9%98%85%E8%AF%BB%E6%8E%A8%E8%8D%90

我是想用这句：    wb.InsertHTML("page1","<div style='height:2000px;bottom: 0;right: 0;left: 0'></div>")
在page1下边加个空白的块，这样正好留出page3的大小，但是现在这个块，直接把page1的内容遮住了，请问怎样能在page1底下加这个块，而不是遮盖page1。 

比较麻烦，建议把page3放到上面，page1早page3下面

换一种思路，现在改成帮助 文档中“接收完整 页面”的方法， wb.AppendHTML("<div id='p1' style='height:50%'></div>") ，还是和之前一样，还有什么变通方法吗？

只要不把page3固定在下面，直接按帮助用法即可

wb.AppendHTML("<div id='p1' style='overflow-y:auto;height:75%'></div>")

 

论坛里找到别人的处理方法，勉强可以用，但是不同的设备不知道会不会差距太大

这要自行找不同设备测试了。浏览器开发者工具不是可以指定不同分辨率测试的么