子テーブル要素を含むを使用caption
しています。table
キャプション要素内にdiv
incl があります。一番上のテーブルの右端にある 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 をキャプションの右端に配置する方法はありますか?
前もって感謝します。