HTML表格固定,右侧显示在左侧

时间:2014-06-10 11:20:34

标签: html css html-table

我的HTML表格有这个CSS:

.TicketProperties {
    width:30%;
    float:right;
    display:inline;
        position:fixed;
}

和这个HTML:

<table border="1" cellspacing="5" cellpadding="5" class="TicketProperties">

我希望表格显示在页面右侧并在滚动时固定,但它显示在左侧。

在这里查看我的小提琴:http://jsfiddle.net/RJ86Q/

5 个答案:

答案 0 :(得分:2)

这好吗jsfiddle

.TicketProperties {
width:30%;
float:right;
display:inline;
    right: 0;
    position:fixed;
}

答案 1 :(得分:1)

当您将位置设置为固定时,您需要准确指定它,让表格显示在右侧,添加right:0; http://jsfiddle.net/RJ86Q/6/

答案 2 :(得分:0)

试试这个CSS

.TicketProperties {
width:30%;
float:right;
display:inline;
right:10;
}

答案 3 :(得分:0)

请尝试以下操作: Link

<强> CSS:

.TicketProperties {
    width:30%;  
    position:fixed;  
    right:0;
}

答案 4 :(得分:0)

右:0px

    .TicketProperties {
width:30%;
float:right;
right:0px;
display:inline;
    position:fixed;
 }

链接:http://jsfiddle.net/Husen/RJ86Q/9/