Question

美好的一天，我有一个<dl>个<dt>和<dd>。

我希望通过CSS（2或3），允许一个<dt>和它的孩子<dd>位于左栏，另一个一个在CSS列的右栏上。

我目前的HTML：

<dl>
<dt class="LeftList"><a href="">DT Name</a></dt>
<dd>DD Info 1</dd>
<dd>DD Info 2</dd>
<dt class="RightList"><a href="">DT Name</a></dt>
<dd>DD Info 1</dd>
<dd>DD Info 2</dd>
</dl>

我目前的CSS：

.LeftList{
float:left;
margin-left:1.333em;
display:inline-block}

.RightList{
float:left;
margin-left:13em;
display:inline-block}

Answer 1

浮点元素会自动显示为块元素，因此您的内联将被忽略。你能提供你想要得到的照片吗？

我只是猜测你正试图得到这样的东西：现在我只是改变了你的CSS，从小提琴中可以看出

.RightList{
margin-left:13em;
display:block}

http://jsfiddle.net/nx7zws31/2/

请与我们分享更多信息，与您的愿景相吻合。

<dl>不允许显示：像<div>这样的内联块允许</div> </dl>

1 个答案: