用div+css实现点击按钮在下方显示内容

可以通过CSS和JavaScript来实现点击按钮在下方显示内容的效果。具体的实现方法是在HTML中创建一个按钮和一个用于展示内容的div，并使用CSS将div隐藏起来。当用户点击按钮时，使用JavaScript将div展示出来并显示你想要展示的内容。下面是一个简单的示例代码：

<button id="myButton">点击展示内容</button>
<div id="content" style="display: none;"></div>

<script>
  var button = document.getElementById('myButton');
  var content = document.getElementById('content');

  button.addEventListener('click', function() {
    content.textContent = '这是要展示的内容';
    content.style.display = 'block';
  });
</script>

<style>
  #content {
    background-color: #ccc;
    padding: 10px;
    margin-top: 10px;
  }
</style>

上面的代码实现了当用户点击按钮时，会在下方展示一个div，并显示你想要展示的内容。你可以根据需要修改div的样式和内容。