我一直在读,您可以使用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/