通过单击按钮打开div，通过仅使用CSS单击外部来关闭div

<button id="openButton">打开div</button>
<div id="myDiv" class="hidden">
  这是一个隐藏的div。
</div>

.hidden {
  display: none;
}

document.addEventListener('click', function(event) {
  var myDiv = document.getElementById('myDiv');
  var openButton = document.getElementById('openButton');
  
  if (event.target !== myDiv && event.target !== openButton) {
    myDiv.classList.add('hidden');
  }
});