html - html/css列

扫码查看

我一直在读,您可以使用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页面之外运行。

最佳答案

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

的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/

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

关于html - html/css列,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13027964/

10-12 12:51
查看更多