asp.net - 将按钮对准顶部

我正在使用某些AJAX功能在.net中构建一个webapp；在这种情况下，它是TabContainer。

下面是我要玩的区域的屏幕截图。
左侧菜单是TabContainer的选项卡。右侧是选项卡的内容。我想在“受影响的学科”下方找到“更新PCR”按钮。问题在于左侧和右侧是ONE块（即TabContainer）的一部分。

对于如何格式化Button的CSS以使其在TabContainer菜单的下方对齐有什么建议？我可以将按钮添加为菜单的一部分，但是，那么我必须将控件设置为AutoPostback，这首先会破坏其目的……任何建议将不胜感激！



编辑：

这是现有的CSS

.ajax_tabController .ajax__tab_tab
{
    background-color: #3c6f91;
    padding: 5px;
    border: 1px solid #ffffff;
    color:#ffffff;
    border-left: 3px solid #5AB0DB;
}

.ajax_tabController .ajax__tab_hover .ajax__tab_tab
{
    background-color:#5AB0DB;
    text-decoration:none;
}

.ajax_tabController .ajax__tab_active .ajax__tab_tab
{
    background-color:#5AB0DB;
    text-decoration: underline;
}

另外，有些CSS会覆盖某些设置以使TabContainer变为“垂直”而不是“水平”。我知道，有一个属性.UseVerticalStripPlacement，但它弄乱了控件的高度，并引发了JavaScript错误。

.ajax__tab_header
        {
            float: left;
        }
        .ajax__tab_body
        {
            margin-left: 160px;
        }
        .ajax__tab_outer
        {
            display: block !important;
        }
        .ajax__tab_tab
        {
            width: 210px;
            height: auto !important;
        }

最佳答案

这会有点命中注定，但是可以尝试以下方法：

.updatePcrButton {
    position: absolute;
    top: 100px;   /* These will be whatever the measurement is to */
    left: 5px;    /* be directly under the last element */
    z-index: 99;  /* Arbitrary amount to put it above any other elements */
}

老实说，这很混乱-取决于您此后不更改控件的位置。

也许更好的方法是在TabContainer中添加一个额外的标签，然后自己处理所有的标签点击。

-编辑-可能更有用-

Nikita，我已经完全忘记了它，就像在我的旧版Classic ASP应用程序中一样，但是您可以尝试使用这两个对您更有用的JS函数：

function curTop(obj){
rv = 0;
while(obj) {
    rv += obj.offsetTop;
    obj = obj.offsetParent;
}
return rv;
}
function curLeft(obj){
rv = 0;
while(obj) {
    rv += obj.offsetLeft;
    obj = obj.offsetParent;
}
return rv;
}

他们从指定对象中拉出位置。如果添加要定位的按钮的高度，则可能会改善位置，并防止CSS带来任何麻烦。

亲切的问候，
Westie。

关于asp.net - 将按钮对准顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15033908/