Javascript 将div放置在包含div的底部

我在将我的dT（日期/时间）div放在其包含div的底部时遇到问题。我已尝试设置

bottom:0px无效。下面是我正在使用的html和css代码

HTML:

在我的代码中有一些JQuery元素我没有定位，因为我不相信它会对div的定位产生任何影响

代码的jquery方面似乎与此有关，所以就在这里

更新：删除了JQuery，因为它不相关。
您应该添加position:relative或position:absolute属性以使底部：0px正常工作

 #dT{
        width:inherit;
        bottom: 0px;
        border-top: gray;
        background-color: gray;
        font-size: small;
        position: relative;
    }

将
position:relative
添加到
#dT
元素的父元素。只有当它是相对的时，才可以使用
左
、
右
、
下
和
上
控制子元素

更新：
并使用
left
添加
position:absolute

注意：需要为包含#dT的div添加
relative
，为#dT添加
absolute

使用
位置轻松勾选：绝对位置：

祝你好运。
使用position属性，如position absolute或position relative，以便使用top、left、right和bottom属性
html标记中的
#dt
在哪里？它是使用jQuery创建的，因此它位于
标记中。添加后，您可以共享标记的外观吗？答案已更新。现在检查。错误，他需要位置：绝对；据我所知，职位：相对无法修复。答案已更新。我和div的名字搞混了@DLF85这似乎不起作用#dT是由JQuery在while循环中创建的，因此当调用它时，每个新的内容框都会收到一个日期/时间。出于某种原因，当我使用<代码>位置：绝对< /代码>时，它只创建一个divdt div，并将其放置在页面的中间……然后请添加您的jQuery，我将更新我的答案。但是要考虑到，如果没有包含jQuery，那么这个问题就不是一个好的答案。在我最初的帖子中，我提到我不认为jQuery是必要的，我错了，并且更新了我的代码。请记住，我是一个初学者，所以我没有意识到这会对我的成绩产生影响。
    #dT{
        width:inherit;
        bottom: 0px;
        border-top: gray;
        background-color: gray;
        font-size: small;
    }
.container{
    margin-top: 80px;
}
section{
    margin: auto;
    width: 400px;
    clear: left;
    top: 100px;

}
.tweet{
    width: 450px;
    height: 225px;
    background-color: #FFFFFF;
    border: 4px solid #F1433F;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 15px;
    padding: 25px 15px 0px 15px;
}
.tweetContent{
    width: inherit;
    height: inherit;
    margin: 5px 5px 0 5px;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
}

 #dT{
        width:inherit;
        bottom: 0px;
        border-top: gray;
        background-color: gray;
        font-size: small;
        position: relative;
    }

#parentofdT
{
position:relative;
}

#dT
{
position:absolute
}