Html 如何根据内容设置元素的高度

我在设置元素的高度时遇到问题。我需要点击的点，但有一个看不见的元素高度，我也可以点击。我试图设置

max height

，但它会将第一个元素移出他的范围。这是我的例子

nav{
位置：固定；
颜色：rgba（0,0,0,0.7）；
z指数：999；
右：5px；
}
导航>分区{
最小高度：10px；
字号：3em；
光标：指针；
}

•
•
•
•

我建议使用不同的方法：

将点创建为

div

，设置宽度、高度、背景色和50%的

边框半径（使其成为圆形）。使用顶部和底部边距创建垂直距离：


nav{
位置：固定；
颜色：rgba（0,0,0,0.7）；
z指数：999；
右：5px；
}
导航>分区{
宽度：15px；
高度：15px；
边界半径：50%；
背景：#000；
利润率：30px0；
光标：指针；
}

使用代码检查器调试HTML和CSS。很明显，填充物来自点本身的大小。改用SVG并将填充设置为0；我也认为这是填充，但不，也许这是这个点的空间，这是不可改变的值。我将使用高度、宽度、背景和圆角的空div，这是解决这个我没有想到的问题的最简单的方法。谢谢：）