답변 1개
1년 전
다음 코드가 도움이 될지 모르겠습니다.
</p>
<p><style>
:root {
--w-banner: 12em;
}</p>
<p> </p>
<p>.wrap {
width: 80%;
margin: auto;
background-color: #eee;
}</p>
<p>.header {
height: 7em;
}</p>
<p>.wing_banner {
position: sticky;
height: 0;
top: 0;
display: flex;
justify-content: space-between;
}
.wing_banner .left, .wing_banner .right {
width: var(--w-banner);
align-self: start;
text-align: center;
background-color: #ddd;
}</p>
<p>.content {
margin-left: var(--w-banner);
width: calc(100% - calc(var(--w-banner) * 2));
background-color: #ccc;
}
</style></p>
<p> </p>
<p><div class="wrap"></p>
<p> </p>
<p> <header class="header">
header
</header></p>
<p> </p>
<p> <div class="wing_banner">
<div class="left">
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
</div>
<div class="right">
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
<p>Google AdSense</p>
</div>
</div></p>
<p> </p>
<p> <div class="content">
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
abcde
</div></p>
<p></div></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인