0

我一直在阅读，您可以使用 html/css 列而不在表中使用它们。www.w3schools.org 网站显示您可以，但我无法在我的代码中实现它。基本上我有这个想法。

      <div container="name">
         <dl>item 1 </dl>
         <dd>explain</dd>
         <dl>item 2 </dl>
         <dd>explain</dl>
         ...
      </div>

我需要的是容器有三列，详细列表的部分是两列，而不是我将第三列的信息放在它自己的列中。我知道列跨度是保持它独立的最佳方式，但我找不到任何好的解释。而且我无法让它从我的 css 页面或 html 页面中运行。

4

2 回答 2

2

我认为你的做法是错误的。试试这个。

html:

<div id="container">
    <div id="left-col">
        <!-- left column -->
    </div>
    <div id="content-col">
        <!-- content column -->
    </div>
    <div id="right-col">
        <!-- left column -->
    </div>
</div>

CSS：

#container { overflow: hidden; width: 940px; }
#left-col { float: left; width: 200px; margin-right: 20px; }
#content-col { float: left; width: 500px; }
#right-col { float: right; width: 200px; }

演示- http://jsfiddle.net/gk5vD/

仅供参考-您误解了 adl是什么，请查看http://www.htmldog.com/reference/htmltags/dl/

于 2012-10-23T10:05:57.417 回答
0

首先，请不要使用 w3schools。</rant>

CSS3 有内置的列。在这里和这里阅读它。

于 2012-10-23T11:03:06.920 回答