我对div的布局不太好,相反我习惯使用表格。我想知道是否有人可以指导我使用div作为布局,所以我使用表的习惯会停止。所以说,有人帮我用div创建两行三列吗?感谢任何人的帮助。
答案 0 :(得分:2)
基于div
的布局有很多例子。
简单的Google搜索会带来大量信息:
http://www.google.ca/search?gcx=c&sourceid=chrome&ie=UTF-8&q=creating+a+div+layout
这是一个不错的选择:
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
这篇全面的文章将它们联系在一起。绝对读到这个:
http://coding.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/
答案 1 :(得分:1)
你会发现使用带有CSS的div几乎不会出现问题...它几乎总是列,并且适当地“浮动”它们会给你带来困难。对于这方面的教程,我一直是floatutorial的粉丝。更具体地说,对于您的情况,他们有tutorial on a liquid three-column layout。
答案 2 :(得分:1)
有几种不同的方法可以做你想做的事。
以下是两种方式:http://jsfiddle.net/Cq4G3/14/
请记住新的显示:早于IE8的任何东西都不支持table-cell,table和table-row,所以你可能最好不要使用浮动,直到旧浏览器死掉并埋葬。< / p>