Asp.net CSS定位帮助

这是我的页面：

正如您在屏幕截图上所看到的，图标（红色圆圈）没有与其上方的图标对齐（单击标题将其展开）。

CSS：

body
{
    font-family: arial, helvetica, sans-Serif;
}


#talkbacks .noshow
{
    overflow:hidden;
    clear:both;
    padding: 2px 10px;

}


#talkbacks ul.top
{
    border: solid 1px #fff;
    margin: 0 -1px;
}

#talkbacks li
{
    width: 100%;
    /*margin-top: 5px;*/
}
/*
#talkbacks ul
{

    clear: both;
}*/



.n
{
    color: #758888;
    float: left;
    font-size: 12px;
    padding-right: 8px;
    line-height: 15px;
    width:15px; 
}


.c
{
    float: left;
    /*width: 400px;    */
    width:92%;
    margin-top: 0px;
    margin-right:5px;

}

.d
{
    font-weight: bold;
    color: #758888;
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    padding: 0;
}


ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-left:0px;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
    clear:both;
}
a
{
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;

}

a:link, a:visited
{
    color: #284D99;
    text-decoration: none;
    outline: none;
}
a:hover, a:active
{
    text-decoration: underline;
}


li ul li div.c
{
    padding-left: 26px;
}
li ul li ul li div.c
{
    padding-left: 52px;

}
li ul li ul li ul li div.c
{
    padding-left: 77px;
}
li ul li ul li ul li ul li div.c
{
    padding-left: 104px;
}

#talkbacks .noshow .userpanel
{
    display: none;  
}

#talkbacks .noshow .adminpanel
{
    display:none;
}
#talkbacks .noshow div.CommentBody, .show div.CommentBody p
{
    display: none;

}

/***************    Show Comment   **********************/
#talkbacks .show
{
    background: #F3F3F3 none repeat scroll 0 0;
    border-bottom: 1px solid #B6C7C7;
    border-top: 1px solid #B6C7C7;
    display: table;
    font-size: 12px;

    padding: 11px 10px;
    width: 439px;

}
/*#talkbacks .show p
{
    font-size: 1em;
}*/
#talkbacks .show div.CommentBody, .show div.CommentBody p
{
    display: block;
    margin: 1.5px 0 0 0;
    font-size: 12px;
}
#talkbacks .show .userpanel
{

    margin-top: 10px;

    display:block;
}


#talkbacks .show .userpanel .votes div.voteResult
{
    background-color: #FFFFFF;
    border: 1px solid #EBEBEB;
    color: #555555;
    float:left;
    font-weight: bold;
    padding: 0 4px;
    font-size: 11px;
}
#talkbacks .show .userpanel div.reply
{
    float:left;
}

#talkbacks .show .userpanel .votes div.buttons
{
    float:left;

}

/*************************** Add new comment **********************************/
#NewComment .textBox
{
    border: 1px Solid #002080;
    overflow:auto;
}
.linka 
{  
  cursor: pointer;
  cursor: hand;
}

问题在于这一点（我认为）：

---

我想将div“c”移到右边，而不移动带有图标的用户面板。

问题是您要将宽度设置为其容器的92%，然后在其上添加52px的填充。这使得布局像这样：

|26px| LEVEL 1 |
|    |   92%   |

|  52px  | LEVEL 2 |
|        |   92%   |

|26px| LEVEL 1 |
|    |         |

| 52px  | LVL2 |
|       |      |

当图标向右对齐时，它们现在会随着右边缘的进一步交叉而偏移。我建议不要设置div的宽度，而是使用边距来对齐它们，如下所示：

|26px| LEVEL 1 |
|    |   92%   |

|  52px  | LEVEL 2 |
|        |   92%   |

|26px| LEVEL 1 |
|    |         |

| 52px  | LVL2 |
|       |      |

---

作为调试这类问题的提示，在所有不同颜色的东西上加上边框。这可能会使正在发生的事情变得更加明显，因为你会“看到”它。

你可以用一种简单的方法来做到这一点

<div class="commentcontainer">
......
<div class="updown">....</div>
......
</div>

style :

.commentcontainer{position:relative;}
.commentcontainer .updown {position:absolute; top:20px; right:20px;}

......
....
......
风格：
.commentcontainer{position:relative；}
.commentcontainer.updown{位置：绝对；顶部：20px；右侧：20px；}

这应该行得通。对不起，我用了其他的课程和东西。。 主要思想是：放置位置：相对；在css中的注释框和放置位置：绝对；顶部：20px；右：20px；在上/下投票的css中，这应该将你的上/下投票img在所有评论中放在同一位置

或者，如果这不起作用，您应该检查commentbox的宽度，如果它有定义的值。。试放：宽度：100%； 希望对FF3测试有所帮助

#talkbacks .show
{   
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#F3F3F3 none repeat scroll 0 0;
  border-bottom:1px solid #B6C7C7;
  border-top:1px solid #B6C7C7;
  font-size:12px;
  overflow:hidden;
  padding:11px 10px;
  position:relative;
  width:439px;
}

div.votes
{
  float:none !important;
  position:absolute;
  right:20px;
}

---

如果你只是想让收视率一直在左下角，我也会使用绝对定位+1.