我正在使用WYSIWYG编辑器来构建响应式布局（通过Bootstrap），作为一个侧面项目。我希望我可以使用缩放/滚动功能（类似于PDF查看器或Photoshop）来构建它，并允许用户设置/更改网站在其中呈现的“窗口”的尺寸。
为了确保WYSIWYG编辑器正确显示布局，我想将它放在div中，并将div的尺寸设置为我正在模拟的浏览器窗口的尺寸。这是否可以开箱即用，使用液体布局？否则我可以编辑JS来查找目标div而不是窗口以检测尺寸，但我更喜欢前一种方法。
谢谢！
答案 0 :(得分：0)
您可以使用css绝对定位让div占用浏览器视口的已定义部分，而不管其他html是什么。这可以使用px来完成浏览器边缘的偏移或百分比视图的百分比。因此，根据您的示例，您可以定义“窗口”并继续在该窗口中进行布局。绝对定位的元素的子元素默认不继承绝对定位，因此子元素将像往常一样在position：absolute component中进行布局。
#window {
position: absolute;
}
作为Bootstrap布局的一个示例，其中包含一个绝对定位的窗口，其中包含滚动的组件，请查看：
http://jsfiddle.net/timburgess/ZTt5M/
List Apart对http://www.alistapart.com/articles/css-positioning-101/
的css定位有一个很好的概述