Question

我有一个使用visibility参数隐藏和显示元素的项目。另一个元素是将这些元素中的文本向下推，我需要知道是否有办法强制文本返回其元素的顶部。我尝试了不同的显示参数，浮点数等，并且找不到任何可行的（绝对位置除外）。绝对定位的问题是容器div将隐藏溢出而不是随内容扩展。 JSFiddle

check JSFiddle for example and code

Answer 1

您遇到的问题是列表的相对位置：

#list {
    position: relative;
    left: -25%;
}

如果您切换到使用margin-left而不是left，则可以获得所需的布局：

#list {
    margin-left: -25%;
}

通过相对定位，周围元素不受调整的影响。布置周围元素，好像没有对定位进行调整。相反，通过使用负边距定位，周围元素会受到影响，从而为文本腾出空间。