div 블록을 아래에서 위로 쌓도록 하시겠습니까?

먼저 div가 있습니다

<code><div id="外觀" style="overflow-x:hidden; overflow-y:auto; width:220px; height:700px; position:fixed; bottom:50px; left:50px;">
</div></code>

그러면 외관 IDV 내부의 콘텐츠는
(루프 낚시 mysql 동안 데이터 소스 php)

가 됩니다.

<code><div id="內容" style="z-index:999; width:200px; display:inline-block;">
    <div >
    資料
    </div>
    </div></code>

화면 왼쪽 하단에서 모양 div가 잠기도록 설정했습니다
그런 다음 while 루프를 사용하여 콘텐츠 div를 mysql에서 꺼냅니다.
모양 div가 220px로 설정되어 있기 때문에
콘텐츠 div는 인라인 블록 때문에 200px입니다. 저절로 쌓이게 되어 문제가 되지 않습니다.
그런데 문제가 발생합니다.
콘텐츠가 맨 아래에 있기를 바랍니다.
현재 상황은 다음과 같습니다. 겉보기 div 높이가 700px이기 때문에 (스크롤이 있었으면 해서 고정 높이로 설정했습니다.)
그런데 컨텐츠가 있으면
컨텐츠 div는 위에서부터 시작합니다
시작하는 방법
추가해봤는데

<code>vertical-align:text-bottom;或vertical-align:bottom;</code>

하지만 그 중 아무 것도 작동하지 않습니다

답글 내용:

먼저 div가 있습니다

<code><div id="外觀" style="overflow-x:hidden; overflow-y:auto; width:220px; height:700px; position:fixed; bottom:50px; left:50px;">
</div></code>

그러면 외관 IDV 내부의 콘텐츠는
(루프 낚시 mysql 동안 데이터 소스 php)

가 됩니다.

<code><div id="內容" style="z-index:999; width:200px; display:inline-block;">
    <div >
    資料
    </div>
    </div></code>

화면 왼쪽 하단에서 모양 div가 잠기도록 설정했습니다
그런 다음 while 루프를 사용하여 콘텐츠 div를 mysql에서 꺼냅니다.
모양 div가 220px로 설정되어 있기 때문에
콘텐츠 div는 인라인 블록 때문에 200px입니다. 저절로 쌓이게 되어 문제가 되지 않습니다.
그런데 문제가 발생합니다.
콘텐츠가 맨 아래에 있기를 바랍니다.
현재 상황은 다음과 같습니다. 겉보기 div 높이가 700px이기 때문에 (스크롤이 있었으면 해서 고정 높이로 설정했습니다.)
그런데 컨텐츠가 있으면
컨텐츠 div는 위에서부터 시작합니다
시작하는 방법
추가해봤는데

<code>vertical-align:text-bottom;或vertical-align:bottom;</code>

하지만 그 중 아무 것도 작동하지 않습니다

<code class="html"><style type="text/css">
.outer {
  position: fixed;
  bottom: 50px;
  left: 50px;
  width: 220px;
  height: 200px;
  background-color: #1abc9c;
  overflow: hidden;
}
.inner {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 200px;
  overflow-y: auto;
}
</style>
<div class="outer">
  <div class="inner">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
  </div>
</div></code>