如何制作固定底部对话框

<div class="fixed-bottom-dialog">
  <!-- 对话框内容 -->
</div>

.fixed-bottom-dialog {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #f1f1f1;
  border-top: 1px solid #ccc;
  padding: 10px;
}

<div class="fixed-bottom-dialog">
  <p>这是一个固定底部对话框的示例。</p>
  <button>关闭</button>
</div>

var dialog = document.querySelector('.fixed-bottom-dialog');
var closeButton = dialog.querySelector('button');

closeButton.addEventListener('click', function() {
  dialog.style.display = 'none';
});