我不是指html＆lt; frame＆gt;。我的意思是像我在这里输入的文本框周围的框架，边框和带有一些图标的按钮栏。
我想要一些可以在两种模式下存在的可编辑内容。第一种是查看模式，您可以在其中查看内容。第二种是编辑模式，其周围出现一个框架，其中包含协助编辑所需的任何控件。
我希望框架不会中断内容的正常页面流。因此，如果内容上方有一些非常接近的东西，则工具栏将位于z平面的顶部。框架应该看起来位于页面顶部，而不是在页面内。
我考虑过获取正在被包裹的东西的绝对屏幕坐标并使用＆＃39;固定＆＃39;定位以使框架在正确的位置。
但我想知道是否绝对＆＃39;定位可能有用吗？除了在这种情况下，绝对定位的框架将是它包装的东西的父母，并且“绝对”＃39;将孩子相对于父母定位，而不是父母相对于孩子。或者，一个绝对定位的孩子实际上可能比孩子的体型更大，因此像我描述的那样包裹它？
答案 0 :(得分：0)
您只需要一个父div，其中包含标题栏的div和输入和输出的第二个div。
然后，当用户“完成”时，您将隐藏输入并使用输入内容填充输出div（通过单击“提交”进行模拟）。
我创造了一个演示这个here的小提琴。
请注意，输入字段需要应用calc()才能调整其宽度。
希望这有帮助！