如何將此DIV定位到CSS中的其他DIV中？

我在排列評論系統上的某些DIV時遇到了麻煩。下面是我目前的CSS代碼和html以及照片來顯示問題。如何將此DIV定位到CSS中的其他DIV中？

在照片中，第一條評論右側的刪除部分位於評論的底部，我需要這個div位於最上面。另外，如果你看第二個評論，你會看到刪除文本甚至不在右側，它是在第一格

有人可以幫助我正確定位它嗎？

alt text http://img2.pict.com/91/04/e8/1487396/0/800/screenshot2b17.png

<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>

來源

2009-08-18 JasonDavis

添加垂直對齊：頂部;給你的每個divs。
改變那些浮動：權 s到浮動：左
添加的text-align：右得到一個div的內容右對齊。

此外，還有在http://doctype.com/

來源

2009-08-18 22:18:14

感謝HTML/CSS /網頁設計一個新的StackOverflow的附屬網站，所有的工作完美！ – JasonDavis 2009-08-18 22:36:13

請注意，截至2013年2月15日，doctype.com已關閉。[詳細瞭解它]（http://blog.doctype.com/doctype_is_closing_on_the_14th_1）。 – Krease 2014-02-18 05:26:55

如何將此DIV定位到CSS中的其他DIV中？

回答

相關問題