CSS 设置 div 元素不能被点击？当然可以！只需要借助 CSS 属性 pointer-events 就可以轻松实现。

pointer-events 是一个 CSS 属性，常用于控制元素是否应该响应鼠标事件。更具体地说，pointer-events 属性指定元素是否应该接受鼠标事件。

将 pointer-events 属性的值设置为 none，可使元素无法接受鼠标事件。当然，这个属性不仅仅可以应用于 div 元素，也可以应用于其他元素。

div {
pointer-events: none;
}

如果希望只禁用元素的点击事件，而仍然需要其他的鼠标事件，可以将 pointer-events 属性设置为 auto。这样，元素将仍然响应 hover 和其他鼠标事件，但是点击事件将被禁用。

div {
pointer-events: auto;
}

总之，pointer-events 属性可以帮助我们以更灵活的方式控制元素的鼠标事件。使用 pointer-events 属性，我们可以限制某些元素中的交互性，或者完全从中移除交互性。