}, });
.box { position: relative; width: 100%; height: 100%; } /* 左侧div样式 */ .left { width: 100%; /* 左侧初始化宽度 */ height: 100%; background: paleturquoise; } /* 拖拽区div样式 */ .resize { position: absolute; top: 45%; width: 10px; height: 50px; margin-top: -10px; color: white; /* z-index: 99999; */ font-size: 32px; background-color: #d6d6d6; background-position: center; background-size: cover; border-radius: 5px; cursor: col-resize; } /* 拖拽区鼠标悬停样式 */ .resize:hover { color: #444; } /* 右侧div'样式 */ .mid { position: absolute; top: 0; right: 0; width: calc(100% - 100px); /* 右侧初始化宽度 */ height: 100%; background: #fff; }
