如何将此DIV与其他DIV'；什么是CSS？

我很难在评论系统上对齐一些DIV。下面是我当前的CSS代码和html以及一张照片来显示问题

在照片中，第一条评论右侧的删除部分位于评论的底部，我需要这个div位于顶部。此外，如果您查看第二条注释，您将看到删除文本甚至不在右侧，而是在第一个div下面

有人能帮我正确定位吗

评论列表{
右边距：自动；
左边距：自动；
填充：0；
列表样式类型：无；
宽度：950px；
}
李先生{
浮动：左；
保证金：0；
填充：10px 0px 10px 0px；
宽度：950px；
}
div.commenttext p{margin:0；}
/*使偶数注释具有不同的背景颜色*/
ol.commentlist li.thread-even{
背景：#f6f6f6；
边框顶部：1px实心#e3；
边框底部：1px实心#e3；
}
/*左列有评论海报信息和照片*/
ol.commentlist li div.photocolumn{
显示：块；
浮动：左；
宽度：120px；
填充：0px 0px 0px 15px；
}
/*将列居中放置注释数据*/
ol.commentlist li div.commentcolumn{
位置：相对位置；
浮动：对；
利润率：0.15px0；
填充：0 80px 0 30px；
最小高度：53px；
宽度：700px；
左边框：1px实心#dfe5e7；
溢出：隐藏；
}
/*右侧cloumn，带有缓和链接*/
ol.commentlist li div.modcolumn{
显示：块；
浮动：对；
宽度：50px；
填充：0px 0px 0px 0px；
}

这里有一张照片
3009年12月2日
作为一名网页设计新手，我曾经有过同样的坏习惯，把东西直接放到photoshop中

删除

• 添加垂直对齐：顶部发送到您的每个div

• 将那些浮动：右s更改为浮动：左

• 添加text align:right以使div的内容向右对齐

此外，还有一个新的StackOverflow附属网站，用于HTML/CSS/网页设计，网址为

• 添加垂直对齐：顶部发送到您的每个div

• 将那些浮动：右s更改为浮动：左

• 添加text align:right以使div的内容向右对齐

---

此外，还有一个新的StackOverflow HTML/CSS/Web Design附属网站，请注意，doctype.com于2013年2月15日关闭。请注意，doctype.com于2013年2月15日关闭。

<style type="text/css">
ol.commentlist {
    margin-right:auto;
    margin-left:auto;
    padding: 0;
    list-style-type: none;
    width: 950px;
}
ol.commentlist li {
    float: left;
    margin: 0;
    padding: 10px 0px 10px 0px;
    width: 950px;

}
div.commenttext p{margin:0;}
/* Makes even number comments have a different background color */
ol.commentlist li.thread-even {
    background:#f6f6f6;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
}
/* Left column with teh comment posters info and photo */
ol.commentlist li div.photocolumn {
    display: block;
    float: left;
    width: 120px;
    padding: 0px 0px 0px 15px;
}
/* Center column with the comment data */
ol.commentlist li div.commentcolumn {
    position: relative;
    float: right;
    margin: 0 0 15px 0;
    padding: 0 80px 0 30px;
    min-height: 53px;
    width: 700px;
    border-left: 1px solid #dfe5e7;
    overflow: hidden;
}
/* Right side cloumn with moderation links */
ol.commentlist li div.modcolumn {
    display: block;
    float: right;
    width: 50px;
    padding: 0px 0px 0px 0px;
}
</style>

<ol class="commentlist">
    <li> 
        <!-- left column of the comment for user photo -->
        <div class="photocolumn"> 
                A photo goes here
        </div><!-- END left column -->

        <!-- CENTER column of the comment  -->      
        <div class="commentcolumn"> 
            <p>02/12/3009</p> 
            <p>Being new to web design, I use to have those same bad habits of starting things directly into photoshop!</p> 
        </div> <!-- END right comment column -->

        <!-- Far right moderation column --> 
        <div class="modcolumn"> 
            Delete
        </div> <!-- END moderation --> 
    </li>   
</ol>