html { font-size: 62.5%; } canvas { border: 1px solid #CFCFCF; } ul,ol,dl,li{ list-style:none; margin:0; padding:0; } .d-none{ display: none; } .d-block{ display:block; } .d-inline{ display:inline; } .d-flex{ display:flex; } .widthAuto{ width: auto; } .iconfont:hover { cursor: pointer; } #diagramFlow { float: left; width:65rem; height:62rem; border:1px solid #CFCFCF; background-color: #FAFAFA; z-index:1; } .inspector { float: left; width:30rem; height:62rem; border:1px solid #CFCFCF; overflow: auto; } .board { float: left; width:30rem; height:62rem; border:1px solid #CFCFCF; overflow:hidden; } .block { display: block; } .selected { background-color: #1E90FF; } .text-left:hover { cursor:pointer; } .component-board { height:20rem; width:inherit; } .prop-board { height:40rem; width:inherit; overflow: auto; } #formContainer{ width:80%; height:100%; margin:10px auto; } #formBoard{ overflow: scroll; background: #fff; border:1px solid #CFCFCF; box-shadow: 10px 10px 5px #888888; width: 100%; height: 100%; position: relative; } /* #formBoard>*{ position: absolute; } */ input{ outline: none; } .panel-default{ border: none; } .tablelayout{ display: grid; grid-template-rows: repeat(3, 33.33%); grid-template-columns: repeat(3, 33.33%); } .tablelayout-base{ width:300px; height: 200px; box-sizing: border-box; border: 1px solid #ccc; border-collapse:collapse; } .tablelayout-td{ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; /* position: relative; */ background: #fff; } .tablelayout-td:nth-of-type(3n){ border-right: none; } .tablelayout-td:nth-of-type(7){ border-bottom: none; } .tablelayout-td:nth-of-type(8){ border-bottom: none; } .tablelayout-td:nth-of-type(9){ border-bottom: none; } #formBoard input{ display: block; width: 100%; height: 100%; } .inlineBlock{ /* position: absolute; */ display: inline-block; background: #fff; vertical-align: top; /* width: 100%; */ } .tipStyle{ font-size: 12px; color: green; }