여기 내 jsfiddle : 내 바이올린
"rule / event"클래스를 "layout"클래스로 끌어다 놓은 후 "rule / event"의 크기를 "rule-body / event-body"클래스와 동일하게 만들고 싶습니다.
"레이아웃"클래스에 드롭하면 크기가 증가합니다.
"rule-body / event-body"와 "layout"클래스의 높이가 백분율 (%)이 다르기 때문입니까?
.rule-body, .event-body{
height: 85%;
margin-top: 5%;
overflow-y: scroll;
}
.layout{
height: 100%;
background-color: #ececec;
}
이것에 대한 해결책은 무엇입니까?
어떤 도움이라도 대단히 감사하겠습니다. 감사!
height: 8%; width: 50%;
이러한 규칙을 사용 하고 있으므로 부모 높이 / 너비와 관련이 있으므로 부모를 드래그 앤 드롭 한 후 변경된 높이 / 너비 결과가 달라집니다.
고정 사용 width/height
또는 사용vw/vh
솔루션 : https://jsfiddle.net/dalinhuang/0tdnmghr/
.rule{
height: 25px;
width: 100px;
background-color: #aaa;
text-align: center;
margin-bottom: 5%;
border: 1px solid black;
}
.event {
height: 25px;
width: 100px;
background-color: #aaa;
text-align: center;
margin-bottom: 5%;
border: 1px solid black;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다