Css 如何使包装器包含链接文本?

Css 如何使包装器包含链接文本?,css,Css,我故意将我的链接文本推到它们包含的 问题是包装器不包含链接文本。我如何使其包含所述文本 截图 在#包装中添加: padding-bottom: 30px; 这里的问题是,您已经为.boxdiv设置了一个特定的高度,并将锚定标记按了105px的填充。这增加了div的大小,高度设置为固定的100px,包装器仍然认为div是100px高 将适当的高度设置为框div(带有红色背景的div的高度加上填充和锚定标记的高度),或者使用简单的使用最小高度而不是高度+1这是一种在这些较低链接周围强制使用的好方

我故意将我的链接文本推到它们包含的

问题是
包装器
不包含链接文本。我如何使其包含所述文本

截图

在#包装中添加:

padding-bottom: 30px;

这里的问题是,您已经为
.box
div设置了一个特定的高度,并将锚定标记按了105px的填充。这增加了div的大小,高度设置为固定的100px,包装器仍然认为div是100px高


将适当的高度设置为
div(带有红色背景的div的高度加上填充和锚定标记的高度),或者使用简单的使用
最小高度
而不是
高度

+1这是一种在这些较低链接周围强制使用的好方法,但如果这些链接跨越两条线,会发生什么?我希望能够基于内容中的任何内容将包装器包装起来,而不是将其推到一组px中。“空白:nowrap;”防止它们进入两行。拿出这个,再加上几个方块,你们会发现填充底部仍然很有效。
padding-bottom: 30px;