显示浏览器视口之外的元素

Question

有什么方法或工作流程可以让您在设计时看到部分（或全部）位于浏览器视口之外的元素？像你可以在Illustrator中使用画板？例如：假设我的主体中有一个矩形位于{left：-50px}（这是一个减号），这意味着50px的矩形位于视口之外。有没有任何工具可以直观地表现这一点？

Answer 1

A hack solution：创建一个div包含您的网站的所有内容，但使width < 100%，这样就可以看到内容，因为它溢出到body。更改宽度，只要你喜欢..

<div class="virtualize-overflow"> 
    Normal Content 
    <div class="overflow">Overflowing content</div> 
</div> 

.virtualize-overflow{ 
    display:block; 
    background-color:gray; 
    width:50%; 
    height:50%; 
    margin:auto; 
    margin-top:30%; 
} 

.overflow{ 
    display:block; 
    width:250px; 
    height:100px; 
    margin-left:-100px; 
    background-color:red; 
}