一、使用display属性控制div的可见性
display属性是控制div可见性的最基本属性，它有以下几个取值：
该属性值表示隐藏div，隐藏的div不会占用页面空间。通常使用该属性来实现动态显示和隐藏某些元素。
2. display:block
该属性值表示将div显示为块级元素，它会在页面中占据一行，并且宽度默认为100%。通常用于布局。
该属性值表示将div显示为行内元素，它不会在页面中占据一行，而是和其他行内元素在同一行上。通常用于文字和图片等内容的排版。
line-block
该属性值表示将div显示为行内块级元素，它会在页面中占据一行，但宽度和高度可以通过CSS来控制。通常用于布局。
二、使用visibility属性控制div的可见性
visibility属性也可以控制div的可见性，它有以下两个取值：
该属性值表示隐藏div，但隐藏的div仍然占用页面空间。通常用于动态显示和隐藏某些元素。
2. visibility:visible
该属性值表示将div显示出来。
三、使用opacity属性控制div的透明度
opacity属性可以控制div的透明度，它的取值范围是0~1，其中0表示完全透明，1表示完全不透明。
dex属性控制div的层级
dex属性可以控制div的层级，它的取值范围是整数，数值越大，div的层级越高。
属性控制div的定位
属性可以控制div的定位，它有以下几个取值：
:static
该属性值表示div的位置由浏览器决定，默认值为static。
:relative
、left、right属性来控制div的位置。
:absolute
该属性值表示div的位置相对于最近的非static定位的祖先元素进行定位，如果没有非static定位的祖先元素，则相对于body元素进行定位。
:fixed
该属性值表示div的位置相对于浏览器窗口进行定位，即无论页面滚动与否，div的位置都不会改变。
通过上述方法，大家可以轻松地控制div的可见性、透明度、层级和定位，从而实现页面布局控制。在实际开发中，大家可以根据需要灵活运用这些属性，来实现各种不同的效果。