div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做相关的知识，希望对你有一定的参考价值。
如题
DIV+CSS没办法像Table那样轻松的划分块。布局之前，必选先确定块，浮动的结构，不能任意的再拆分。你可以在Div内进行嵌套。 参考技术A 你的意思是用表格？rowspan是上下合并单元格，也就是合并行，colspan是水平合并单元格，也就是合并列。比如这样的一个表格，其实是第一行第一个表格，和第二行第一个表格的合并，在第一个td里写入rowspan，就可以了。 当然，也就相应的要删掉第二行第一个表格，也就是第二个tr里的一组td。第一行的两个表格合并，就用colspan。 看到这样一个表格，你就可以先确定是在三行两列的表格的基础上去实现，把你想要的效果先画出来，然后就知道需要几行几列了。
另外，这个并不是DIV+CSS布局啊，布局很少去用表格了，现在只是表单部分用表格方便点。 参考技术B 在Excel里这样把这行字（①白存根②③红绿客户④黄回单）编辑成竖起
利用jQuery进行三行两列等高布局
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<div id="container">
<!-- // 页头 -->
<div id="header">页头</div>
<!-- // 左边导航栏 -->
<div id="left">
<div id="menu">页左</div>
</div>
<!-- // 内容显示区 -->
<div id="right">
<div class="content">内容显示区</div>
</div>
<!-- // 页脚 -->
<div id="footer">
<div>页脚</div>
</div>
</div>
</body>
</html>
以上是关于div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做的主要内容，如果未能解决你的问题，请参考以下文章
div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做
div+css布局完整代码 三行两列 另外如果把两列分为四格 怎么做