小编ksh*_*iya的帖子

div 元素id="textbox"和上有一个边距id="visualizer"。我已经在 CSS 中将边距设置为 0，但它不会消失。您仍然可以在检查窗口中看到边距。我已经尝试过更改容器 div 中的显示类型等，但问题仍然存在。您可以在下面的链接中找到附加的代码：

https://jsfiddle.net/kshatriiya/fhbqqmxc/1/

<div id="play-area">
    <div id="play-area-overlay">
        <div id="textbox">
            <h2>
                Welcolme. 

            </h2>
        </div>
        <div id="visualizer">   

        </div>
    </div>
    </div>
</div>

css：

#play-area {

position: relative;
width: 100vw;
height: 400px;
margin: 0 auto;


}

#play-area-overlay {

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
margin: 0px;
width: 100%;

}

#textbox {

height: 100%;
width: 400px;
margin: 0px;

}

#visualizer {

height: 100%;
width: 50%;
margin: 0px;
}

将整个代码块包裹在两个大括号内有什么意义？例如在 .js 文件中：

{    
const firstVar;

class firstClass {}

class secondClass {}    
}

这是为了创建块作用域并保持全局名称空间干净吗？例如，它是否可以与将整个 javascript 模块包装在自调用函数中相媲美？

例如，看一下这个 JS 文件；

https://github.com/codrops/PageFlipLayout/blob/master/js/demo.js