html5 css 작업에서 ...

Question

html5 css 작업에서 ...css.winframe { position: absolute; border: 1.5px solid #333; background: #e7e7e7; box-shadow: 2px 2px 5px gray; border-radius: 3px; z-index: 10;}.wintopbar { display: flex; border-radius: 3px 3px 0 0; padding: 5px; text-align: right; cursor: default;}.........wincontent { height: 100%; width: 100%; padding: 5px; overflow: auto;}html

x

test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test
test

이런 웹페이지를 브라우저에서 보면.wincontent 의 내용이 .wintopbar 의 높이만큼 .winframe 의 밖으로 벗어나 버립니다.wincontent 의 내용이 .winframe 을 벗어나지않고 .wincontent 영역안에서만 보여지도록 하려면어떻게하면될까요?조언부탁드립니다

스프라이트마시쪙 · Answer

.winframe에 height 300px를 제거하시고.wincontent에 height를 넣어서 작업하시면 아마 원하시는데로 작업 진행되실꺼에영

html5 css 작업에서 ...

1개의 답변

Q&A 목록