1

子テーブル要素を含むを使用captionしています。tableキャプション要素内にdivincl があります。一番上のテーブルの右端にある 2 つのリンク。しかし、キャプション以外に
定義するとすぐに、サイズが最初の子テーブル セルの幅に縮小されます。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