js判断一个文本框是否获得焦点
// 可以用document.activeElement判断
// document.activeElement表示当前活动的元素
在页面的浮层操作时，页面本身的拖拽事件被触发：
//通过onmousedown事件来设置阻止冒泡
//onMouseDown = {(e) => e.stopPropagation()}
flex布局，子元素设置height=100%不生效
//设置flex布局的父元素没有设置高度，高度由最高的子元素撑开；将设置flex布局的元素加上flex：1 1，flex布局的元素的父元素设置为flex布局，
.upBox {
display: flex;
flex-direction: column;
.overallBox {
flex: 1 1;
display: flex;
.filterLeftBox {
flex: 1;
}
.rulesRightBox {
flex: 0 0 300px;
height: 100%;
background: skyblue;
}
}
}
