我正在开发一个网站，其中部分内容（每个页面中的“信息”表格）在响应模式与桌面模式下需要完全不同。
我正在寻找一种方法，我可以重复这个div而不必复制它并在每个页面粘贴两次。有点像你有一个php include查询，但没有专门为它准备的文件。
有没有办法在同一页面上为部分内容分配ID /名称，然后再“再次”调用它？
编辑更多信息：
基本上每个页面都有一个带有信息的浮动div（它是由朋友制作的艺术家的作品集，我被要求做出回应）
在桌面版本中，信息DIV只是
#infodiv {
z-index:99;
position:fixed;
bottom:100px;
right:0px;
width:250px;
height:310px;
background-color:#FFF;
box-shadow: 2px 2px 10px #999;
text-align:left;
overflow:scroll;
}
对于响应式版本，我将包含一个导航栏，当单击按钮时，该导航栏将遍历整个页面（https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_full）
我发现这样做的唯一方法是在通过移动设备访问网站时隐藏#infodivdesktop，并在移动版本中使用上述导航栏。因此重复div的内容两次..