四行二列div+css代码

四行二列div+css代码可以实现一个简单的网页布局，其中四行指的是头部、导航、内容和底部，二列指的是左右两个列。

具体代码如下：

HTML部分：

<div class="container">
  <div class="header">头部</div>
  <div class="nav">导航</div>
  <div class="content">
    <div class="left">左侧栏</div>
    <div class="right">右侧栏</div>
  </div>
  <div class="footer">底部</div>
</div>

CSS部分：

.container {
  width: 960px;
  margin: 0 auto;
}

.header, .nav, .content, .footer {
  height: 100px;
  line-height: 100px;
  text-align: center;
}

.header {
  background-color: #F2F2F2;
}

.nav {
  background-color: #E6E6E6;
}

.content {
  overflow: hidden;
}

.left, .right {
  float: left;
  width: 200px;
}

.left {
  background-color: #F9F9F9;
}

.right {
  margin-left: 20px;
  background-color: #FCFCFC;
}

.footer {
  background-color: #EAEAEA;
}

这段代码实现了一个固定宽度为960px的容器，包含四个部分：头部、导航、内容和底部。其中，头部和底部高度为100px，导航和内容部分自适应高度。内容部分又分为左右两列，左侧宽度为200px，右侧宽度为自适应。整个页面的背景颜色、边距等样式可以根据需要自行调整。