1

我正在使用包含子表元素caption的 a 。table在标题元素中,我有一个div包含。两个链接应该在最上面的表格的右边缘。
但是一旦我在标题上定义display: block;position: relative;它的大小就会缩小到第一个子表格单元格的宽度。

http://jsfiddle.net/Volker_E/zjFmv/

重要的 CSS 选择器:

table {
    width: 100%;
    margin-bottom: 1.8rem;
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    background: none repeat scroll 0 0 #F5F5F5;
    text-align: left;
    padding: 1rem 1.4rem;
    overflow: hidden;
}
/* Variations */
.caption-01 {
    position: relative;
}
.caption-02 {
    display: block;
    position: relative;
}
.caption-03 {
    display: table-header-group;
}

caption div {
    position: absolute;
    right: 0;
    text-align: right;
    top: 10px;
    width: 50%;
    white-space: nowrap;
}

有没有办法让 div 在我的构造中以完整的主表宽度位于标题的右边缘?

提前致谢。

4

1 回答 1

0

删除标题 2 和 3 中的显示属性

.caption-02 {
    position: relative;
}
.caption-03 {
}

提琴手

于 2013-06-09T05:28:14.783 回答