樣式表 - 盒模型 - 嵌套的盒子

Question

比方說，我有一個樣式表

dt{ 
width=15%; 
} 
dt x{ 
    background-color:red; 
    ???? 
} 

而一些HTML ...

<dt>abc 
    <x> xyz </x> 
</dt> 

如果有什麼可以把什麼替代的??? ？使'dt x'定義的盒子成爲dt的餘數？

這個想法是應該有一個15％寬的文本框，左邊沒有背景顏色的文本是「abc」，剩下的15％填充了紅色背景。

Answer 1

float：right;

這會給你（基本）你想要什麼。

國際海事組織你會想給ABC一個固定的寬度，並將其包含在div或東西也許。

dt x1 { 
    width:25%; 
} 
dt x2 { 
    width:75%; 
} 

<x1>abc</x1><x2></x2> 

也許..你可能必須註明他們是行內，但我認爲這是默認

編輯：

與您的評論：

dt { 
    background-color: black; 
} 
dt x { 
    background-color: blue; 
} 

<dt> 
<x>abc</x> 
</dt> 

EDIT2：

與您的第二條評論：

dt x1 { 
    width:25%; 
} 
dt x2 { 
    width:75%; 
    background-color: pink; 
} 

<x1>abc</x1><x2></x2>