当前位置： 首页 > JS代码 > JS特效代码 > CSS样式 > 第1页

CSS左右两列自适应高

来源：懒人图库2009-06-04

<!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>
<style type="text/css">

</style>
</head>
<body>
<div class="da_div">
  <div class="top_540">
    <div class="t540_text">fdsfjdsklfds</div>
  </div>
  <div class="top_200">
    <div class="t200_text">fdfdsfdsfdsfds<br />
      fdsfdsfds<br />
      fdsfds<br />
      fdsfdsfds<br />
      fdsfdsf<br />
      <br />
      Fds<br />
      <br />  fdsfdsfds<br />
      fdsfds<br />
      fdsfdsfds<br />
      fdsfdsf<br />
      <br />
      Fds<br />
      <br />  fdsfdsfds<br />
      fdsfds<br />
      fdsfdsfds<br />
      fdsfdsf<br />
      <br />
      Fds<br />
      <br />  fdsfdsfds<br />
      fdsfds<br />
      fdsfdsfds<br />
      fdsfdsf<br />
      <br />
      Fds<br />
      <br />  fdsfdsfds<br />
      fdsfds<br />
      fdsfdsfds<br />
      fdsfdsf<br />
      <br />
      Fds<br />
      <br />
      fds</div>
  </div>
</div>
<div class="da_div_xia">
  <div class="top_540"> </div>
  <div class="top_200"> </div>
</div>
<p><a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

↑上一篇：类似Google个性首页的页面自定义拖拽布局
↓下一篇：给放大的分页

广告代码

共542个JS广告代码

››全部

特效代码

共319个JS特效代码

››全部

最新特效代码更多››

最新广告代码更多››