如何在没有文本内部的div上设置锚点

Question

是否可以在div上设置一个没有文本的锚？ 我有这个div：

<div class="greentotal">
   <div id="green-bottomright"></div>
   <div id="green-mid"></div>
   <div id="green-topleft"></div>
</div> 

使用css进行样式设计，它向我显示：

绿色功能区仅使用CSS创建。 如何在此功能区上设置锚点？

Answer 1

你已经拥有3个锚点：绿色 - 直线，绿色 - 中间和绿色 - 来自。 只需做一个href或将你的网址改为http://example.com#green-mid

如果您想添加新锚点，只需在想要的元素上创建一个带有锚名称的新ID。

如果您页面中的某个位置想要在页面上添加指向锚元素的链接，只需执行以下操作：

<a href="#anchorName">Click me and go to anchor</a>

如果单击该链接，您将滚动到特定元素。