Question

1 3我的网站之一上的容器出现问题。问题是在我完成内容之后，它继续并在我的网站上留下了巨大的空白，并且不确定什么是最佳解决方案。我试图为该页面创建一个单独的容器，但是空白区域移到了网站底部的页脚下方。我试图做的最后一件事是更改容器的最大和最小大小，但这打破了其他页面。

HTML

.container {
    align-content: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.kamikaze{
    position: relative;
    top: 0px;
    left: -500px;
}

.revival{ 
    position: relative;
    top: -230px;
    left: -270px;
}

.tmmlp2{ 
    position: relative;
    top: -460px;
    left: -40px;
}

.recovery{ 
    position: relative;
    top: -690px;
    left: 190px;
}


.relapse{ 
    position: relative;
    top: -920px;
    left: 420px;
}

.encore{ 
    position: relative;
    top: -920px;
    left: -500px;
}

.tems{ 
    position: relative;
    top: -1150px;
    left: -270px;
}

.elp1{ 
    position: relative;
    top: -1380px;
    left: -40px;
}

.tsslp{ 
    position: relative;
    top: -1610px;
    left: 190px;
}

.infinite{ 
    position: relative;
    top: -1840px;
    left: 420px;

CSS

class Team(DefaultFieldsModel):
    name = models.CharField(max_length=50, null=True, blank=True)
    abbr = models.CharField(max_length=50, null=True, blank=True)

class Event(DefaultFieldsModel):
    name = models.CharField(max_length=50, null=True, blank=True)
    team = models.foreignkey(Team)

class Bet(DefaultFieldsModel):
    name = models.CharField(max_length=50, null=True, blank=True)
    event = models.foreignkey(Event)

如何修复我的容器，以使其在完成后不再继续？

0 个答案: