Question

我需要像往常一样在栏的左侧放置一些标签，并在栏的右端找到2个标签。

我的jsFiddle文件是here

标签栏必须位于屏幕底部部分的某个位置。因此，我必须将其定位为绝对。因此，我找不到标签相对到栏。

我已经尝试了浮动：正确，但它也没有用。

有什么建议吗？

Answer 1

这是否能让你朝着正确的方向前进：

.tab-box {
    margin: 0;
    position: absolute;  /*I need to fix these tabs at some point at the bottom part of the screen*/
    bottom: 248px;
    left: 0;    
}
#complexTab {
    width:100%;
}
.tab-box a {
    font-family:Helvetica, Arial, sans-serif;
    border: 1px solid #3A3D42;
    color: #666666;
    padding: 5px 5px;
    background-color: #eee;        
     float:right;       
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;    
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    margin: -2px;   /*remove space btw tabs*/
}

.tab-box a:first-child {
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
}

.tabcontent {
    height:248px;
    margin:0;
    padding:0;
    overflow:hidden;
    border-top:1px solid #3A3D42;

    background-color:#757D8A;

    box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;
    -webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset;

    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.hiden {
    display : none; 
}

如何将标签定位到标签栏的右侧？

1 个答案: