样式表 - 框模型 - 嵌套框

Question

假设我有一个样式表

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

还有一些HTML ......

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

如果有什么东西可以取代????导致由'dt x'定义的框是dt的剩余部分？

这个想法是应该有一个15％宽的框，左边是文本“abc”，没有背景颜色，15％的剩余部分用红色背景填充。

Answer 1

浮动：右;

这会给你（基本上）你想要的东西。

IMO你想给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>